A modern, responsive movie discovery and recommendation platform built with Next.js, TypeScript, and Tailwind CSS.

• Live Demo: https://cinematch-jade.vercel.app/

• Movie Discovery: Browse and search through an extensive collection of movies
• Advanced Search: Filter movies by title, language, and multiple criteria
• Personalized Recommendations: Get AI-powered movie suggestions based on your preferences
• User Authentication: Secure login/signup system with session management

• Like Movies: Build your taste profile by liking favorite movies
• Watchlist Management: Save movies to watch later
• Responsive Design: Optimized for mobile, tablet, and desktop experiences

• Mobile-First Design: Touch-friendly interfaces with proper icon placement
• Dark Mode Support: Seamless light/dark theme switching
• Smooth Animations: Engaging micro-interactions and transitions
• Accessibility: WCAG-compliant contrast ratios and keyboard navigation

• Frontend: Next.js 14 with App Router
• Language: TypeScript for type safety
• Styling: Tailwind CSS for responsive design
• Animations: Framer Motion for smooth transitions
• Icons: Lucide React for consistent iconography
• State Management: React Context for global state

• Node.js 18+
• npm, yarn, or pnpm

1. Clone the repository

   git clone <repository-url>
   cd cinematch

2. Install dependencies

   npm install
   # or
   yarn install
   # or
   pnpm install

3. Start development server

   npm run dev
   # or
   yarn dev
   # or
   pnpm dev

4. Open your browser Navigate to http://localhost:3000

• Preference Learning: System learns from your liked movies
• Genre Analysis: Understands your preferred movie genres

This project is licensed under the MIT License - see the LICENSE file for details.

Built with ❤️ for movie enthusiasts everywhere.