React - Project Structure
This is my base template to work on my future projects.
It's for productivity purposes and not wasting time structuring everything when I start a new project.
─ components
─ constants
└ routes.js
─ context API
─ error
└ ErrorBoundary.js
─ helpers
─ hooks
─ lib
└ firebase.js
─ pages
─ services
─ styles
└ tailwind.css
└ app.css
- Components => Consisting of HTML and styling
- Constants => all routes together for easy access
- Pages => all our Pages
- Hooks => custom React Hooks live here
- styles => tailwind.css / css / modules
- helpers => Protected routes
- context => context API
- Services => Firebase Async Functions (Firebase/firestore)
- Lib => firebase config live here (Firebase/firestore)