This is the React.js frontend template for all Code4Community projects.
Use the package manager npm to install all the dependencies for our frontend.
npm install
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Runs all 4 lint, type check, and test commands below, REQUIRED BEFORE MERGE.
To lint and fix your files (required before merge).
To lint and fix your files (required before merge).
Type checks your code (required before merge).
Runs all unit tests (required before merge).
Inside the source folder, you'll find components, containers (pages), and utilities.
Each page has its own container, and each container is comprised of components.
App.tsx
is responsible for rendering each container as its own route.
We use styled-components as our CSS-in-JS solution.
Pull requests from any C4C member are welcome. For major changes, please open an issue first to discuss what you would like to change.
Please make sure to update tests as appropriate.