This is a simple todo app to demo the capabilities of the boilerplate. I will leave a tag to every feature so that you can track how it was built.
Because its fun and great learning on how the things are handled behind scenes by create react app cli
- React - View library [:heavy_check_mark:]
- React-DOM - View renderer [:heavy_check_mark:]
- React Router [TO DO]
- Emotion - CSS-in-JS [:heavy_check_mark:]
- Jotai - For state management [TO DO]
- WorkBox - For PWA [TO DO]
- Webpack - Bundler [:heavy_check_mark:]
- Jest - Test runner [:heavy_check_mark:]
- React-testing-library - For react test renders and dom testing [:heavy_check_mark:]
- storybook - for writing stories of individual components [:heavy_check_mark:]
- Cypress - for E2E testing [TO DO]
- Auth0 - authentication [TO DO]
- Hasura - graphql enabled apis [TO DO]
- Apollo Graphql Client - interacting with graphql apis [TO DO]
- Typescript - for static type checking[:heavy_check_mark:]
- CSS in JS - for eficient css and css tree shaking[:heavy_check_mark:]
- SCSS - for global/app level css[:heavy_check_mark:]
- HTML [:heavy_check_mark:]
- eslint - linter [:heavy_check_mark:]
- Husky - for git hooks (running unit tests before each push) [:heavy_check_mark:]
- lint-staged - for linting staged files before each commit [:heavy_check_mark:]
- Normamise.css - for resetting browser default css [:heavy_check_mark:]
- CSS grid - for layouting [TO DO]
- dotenv - for environment secrets [TO DO]
- Travis CI - for ci/cd automated deployment [TO DO]