Initialize frontend folder structure with documentation and path aliases

[Copilot]

Establishes production-ready folder structure for the InterviewMint frontend following React/TypeScript best practices.

Structure

Created 12 domain-organized directories with index files for clean exports:

• components/ - UI components (common, ui, forms subdirs)
• features/ - Feature modules with colocated logic
• pages/ - Route-level components
• hooks/ - Custom React hooks
• services/ - API clients and integrations (api, storage, analytics subdirs)
• store/ - Zustand state management
• types/ - Shared TypeScript definitions
• utils/ - Pure utility functions
• constants/ - Application constants
• config/ - Third-party library configuration
• layouts/ - Page layout wrappers
• styles/ - Global styles and theme

Documentation

Each directory includes README.md with:

• Naming conventions
• Code examples
• Best practices

Root src/README.md documents architecture principles and import patterns.

Developer Experience

Added path aliases for cleaner imports:

// tsconfig.app.json + vite.config.ts
{
  "baseUrl": ".",
  "paths": {
    "@/*": ["./src/*"]
  }
}

// Enables
import { Button } from '@/components/common';
// instead of
import { Button } from '../../../components/common/Button';

Fixes

• Removed conflicting overrides section in package.json blocking npm install
• Converted .eslintrc.mjs and prettier.config.mjs from UTF-16 to UTF-8

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Initialize Frontend with folder structure</issue_title>
<issue_description></issue_description>

Comments on the Issue (you are @copilot in this section)

• Fixes InterviewMint/interviewmint-frontend#1

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.