Suggested structure (example)
src/
├── app/
├── components/
│ ├── ShortenHero.tsx
│ ├── ShortenForm.tsx
│ └── ShortenedResult.tsx
├── services/
├── hooks/
├── styles/
└── utils/
Conventions
- Components: PascalCase
- Utilities: camelCase
- Co-locate tests with components (or /tests)
Benefits
- Easy navigation
- Scalable structure
- Reusable components