urgent/thisbounty.com-cra

No Catch, No Pay!

thisbounty.com-cra's Issues

Life

Bounty

• Grid, 2 columns
• Right column, grid, 6 rows
• Title row
• Life row
• Border
• Inset shadow

Navigation

• Data
• Filter
• Click
• Router, no custom solutions
• Breadcrumbs

SCSS

Before css gets too big.

https://blog.logrocket.com/the-definitive-guide-to-scss/

• Normalize import
• Variables, CSS and SCSS. Use CSS for dynamic DOM
• Mixins, arguments, default, content blocks
• Operators
• Flow Control
• Nesting

CI Tests

https://joelhooks.com/jest-and-github-actions

• Frontend tests, just run jest
• Backend tests, docker container action:
  https://docs.github.com/en/actions/creating-actions/creating-a-docker-container-action

Run container. Test graphql endpoint. See:
https://github.com/urgent/hasura/projects/1

Providers

• Provider component for RelayEnvironment

React Router

Need router for loadQuery, can't be called in render

Bounty Component

• Code
• Data

Bounty Images

• Image as attribute
• alt text as attribute
• add data

Provisioning

Like Hasura does with Heroku. Click on bounty to start provisioning platforms.

Add github.

Favicon

Identity

Relay

• Add one bounty to Hasura
• Bounty fragment
• App query

Fragments for each component not required. Just use bounty.

Fragment for bounty not required until another component is used, perhaps leads.

Testing

• React snapshots
• Functional testing, renders an empty heart. renders title.

Components

• ID
• Moneybar
• User bar
• Resources
• Links

Media Queries

• Copy from reference
• Update with sass rules

Titles

Quick Launch

• White font for links
• Remove bullets on hearts