FeelyFeely Components is a React TypeScript project with a comprehensive directory structure optimized for scalability and maintainability.
/feely/
- Main project directory
/node_modules/
- External dependencies/public/
- Static files served directly/src/
- Source code directory/src/
)/assets/
- Static resources (images, fonts, etc.)/components/
- Reusable UI components/config/
- Configuration files and constants/hooks/
- Custom React hooks/lib/
- Library code and utilities/pages/
- Page components and routing/services/
- API and service integrations/store/
- State management/types/
- TypeScript type definitions/utils/
- Utility functions and helpersApp.css
- Main application stylesApp.tsx
- Root React componentindex.css
- Global stylesmain.tsx
- Application entry pointvite-env.d.ts
- Vite environment type declarations.env
- Environment variables.env.example
- Environment variables template.gitignore
- Git ignore rulescomponents.json
- Components configurationeslint.config.js
- ESLint configurationgoogle.d.ts
- Google-related type definitionsindex.html
- HTML entry pointpackage.json
- Project dependencies and scriptspackage-lock.json
- Locked dependencies versionspostcss.config.js
- PostCSS configurationREADME.md
- Project documentationtailwind.config.js
- Tailwind CSS configurationtsconfig.app.json
- TypeScript configuration for apptsconfig.json
- Main TypeScript configurationtsconfig.node.json
- TypeScript configuration for Nodevite.config.ts
- Vite bundler configuration