Cursor rule

1# SneakInMarket Project Overview
2 
3## Project Description
4 
5SneakInMarket is a React-based marketplace application for sneakers, clothing, accessories, electronics, gaming, and collectibles. Built with TypeScript, Vite, Tailwind CSS, and Supabase.
6 
7## Tech Stack
8 
9- **Frontend**: React 19, TypeScript 5.8, Vite 7
10- **Styling**: Tailwind CSS 4.1, Radix UI components
11- **State Management**: React Context API
12- **Backend**: Supabase (Auth, Database, Storage)
13- **Payment**: Razorpay integration
14- **Forms**: React Hook Form with Zod validation
15- **Routing**: React Router 7
16 
17## Key Architecture Patterns
18 
19- **Component Structure**: UI components in `src/components/ui/`, page components in `src/pages/`
20- **Context Pattern**: Auth, Cart, Payment, and Seller form contexts
21- **Custom Hooks**: Reusable hooks in `src/hooks/`
22- **Service Layer**: Business logic in `src/lib/` with dedicated service files
23- **Type Safety**: Strict TypeScript with comprehensive type definitions
24- **Path Aliases**: `@/*` maps to `src/*` for clean imports
25 
26## File Organization
27 
28- `src/constants/enums.ts` - Centralized enums for routes, categories, brands, sizes
29- `src/types/` - TypeScript type definitions
30- `src/contexts/` - React context providers
31- `src/lib/` - Utility functions and services
32- `src/components/ui/` - Reusable UI components (shadcn/ui style)
33- `src/pages/` - Page-level components
34 
35## Development Guidelines
36 
37- Always use TypeScript with strict mode
38- Follow mobile-first responsive design
39- Minimize useEffect usage
40- Use enums from constants for consistent values
41- Implement pagination for list APIs
42- Use latest package versions
43- Follow existing code patterns and conventions
44  description:
45  globs:
46  alwaysApply: false
47 
48---
49