Create a new project by cloning this repo.

• src/components contains all the components
• src/context contains all the context providers
• src/fonts contains font files
• src/res contains image files
• src/mocks contains mock data for testing
• src/pages contains all the pages for routing
• src/styles contains global styles
• src/types contains type definitions
• src/utils contains utility functions
• src/index.tsx is the entry point for the app
• src/index.html is the HTML template for the app

Jest ignores assets and CSS files, hence to validate if correct assets and CSS are being imported, you will need to customize jest with your own loaders/presets.

• @/ resolves to src/
• @public/ resolves to public/ (untested)

• MyComponent/
  • MyComponent.module.css is the component's styles
  • MyComponent.test.tsx is the test file
  • index.tsx exports the component

• Babel
• ESLint
• Jest
• PostCSS
• ReactJS
• TailwindCSS
• TypeScript
• Webpack

• Cannot use utility classes in className prop of React components
• Can use utility classes via @apply in CSS files

npm install
npm start

npm install
npm run test

You may build the app and serve it statically in say a python server

npm install
npm run build
python -m http.server --bind 127.0.0.1 -d dist 8080

You may build the app and serve it statically in say a python server

npm install
npm run dev
python -m http.server --bind 127.0.0.1 -d dist 8080