CLAUDE.md

1# EasyPass Service Request Tracker - Project Guide
2 
3## Project Overview
4EasyPass is a service request tracking system designed to manage and streamline service requests. 
5 
6### Tech Stack
7- **Framework:** Next.js (App Router)
8- **Language:** TypeScript
9- **Styling:** Tailwind CSS
10- **Backend/Database:** Supabase
11- **Deployment:** Vercel (assumed)
12 
13## Development Commands
14- **Install dependencies:** `npm install`
15- **Run development server:** `npm run dev`
16- **Build project:** `npm run build`
17- **Lint project:** `npm run lint`
18 
19## Code Style & Patterns
20- **TypeScript:** Strict typing is preferred. Avoid `any`.
21- **Components:** Use functional components with Tailwind CSS for styling.
22- **State Management:** Use React hooks (useState, useEffect) and potentially Supabase's real-time subscriptions for live updates.
23- **Directory Structure:**
24  - `app/`: Page routes and layouts.
25  - `components/`: Reusable UI components.
26  - `lib/`: Shared utilities and Supabase client.
27  - `supabase/`: Database migrations and configuration.
28 
29## Guidelines for Claude
30- Always check `README.md` and `NOTES.md` for project context before starting.
31- Match existing naming conventions and indentation.
32- When adding new features, ensure they follow the existing architecture (App Router, Supabase integration).
33- Prefer modularity: break large components into smaller, focused ones in `components/`.
34