MovieCLix 🎬

StreamVerse is a modern, AI-powered movie and TV show discovery platform built with Next.js, React, ShadCN UI, Tailwind CSS. It provides a sleek interface for browsing content, watching trailers, and getting personalized recommendations.

✨ Features

• Modern UI/UX: Built with ShadCN UI components and Tailwind CSS for a professional and responsive design.
• Content Discovery: Browse trending, recently added, and genre-specific movies and TV shows.
• Detailed Content Pages: View comprehensive information about each title, including synopsis, cast, release year, rating, duration, and seasons/episodes for TV shows.
• Video Playback: Integrated trailer playback.
• Responsive Design: Optimized for various screen sizes, from mobile to desktop.
• Loading Skeletons: Smooth user experience with skeleton loaders while content is being fetched.

🚀 Getting Started

Follow these instructions to get a local copy up and running for development and testing purposes.

Prerequisites

• Node.js (v18 or later recommended)
• npm or yarn

Installation & Setup

1. Clone the repository (if you haven't already):

   git clone https://github.com/ProlacterGolacter/Movie-clix.git
   cd https://github.com/ProlacterGolacter/Movie-clix.git

2. Install dependencies:

   npm install
    # or
   yarn install

3. Run the development server for the Next.js app:

   npm run dev

   This will start the Next.js application, typically on http://localhost:9002.

🛠️ Key Technologies Used

• Next.js: React framework for server-side rendering, static site generation, and more.
• React: JavaScript library for building user interfaces.
• TypeScript: Superset of JavaScript that adds static typing.
• ShadCN UI: Re-usable UI components built with Radix UI and Tailwind CSS.
• Tailwind CSS: Utility-first CSS framework for rapid UI development.
• Genkit (Firebase): Toolkit for building AI-powered features, integrated with Google AI models (e.g., Gemini).
• Lucide React: Library for beautiful and consistent icons.
• Zod: TypeScript-first schema declaration and validation library, used with Genki

📜 Available Scripts

In the package.json, you will find several scripts:

• npm run dev: Starts the Next.js development server.