Skip to content

sameergupta4873/ott-frontend

Repository files navigation

OTT App - Movies & TV Shows

🎬 Overview

Welcome to my OTT App, a modern and feature-rich platform for browsing movies and TV shows. This project showcases my expertise as a full-stack developer, leveraging cutting-edge technologies like Next.js, Tailwind CSS, and TMDB API to deliver a seamless user experience.

🚀 Features

  • Browse & Search: Discover movies and TV shows using a powerful search functionality.
  • Detailed Information: View trailers, ratings, descriptions, and other details.
  • Watchlist: Add and manage your favorite movies and TV shows.
  • User Authentication: Secure login and registration system.
  • Responsive UI: Fully optimized for different screen sizes and devices.
  • Optimized Performance: Server-side rendering (SSR) and client-side routing for a smooth experience.

🛠️ Tech Stack

  • Frontend: Next.js, React, Tailwind CSS
  • State Management: Redux
  • API & Data Fetching: TMDB API, Axios
  • Hosting: Vercel

📸 Screenshots

(Add some images showcasing the UI and features of your app)

🔧 Installation & Setup

To run the project locally, follow these steps:

  1. Clone the repository:
    git clone https://github.com/sameergupta4873/ott-app.git
    cd ott-app
  2. Install dependencies:
    npm install
  3. Set up environment variables: Create a .env.local file and add your TMDB API key:
    NEXT_PUBLIC_TMDB_API_KEY=your_api_key_here
    
  4. Run the development server:
    npm run dev
  5. Open the app: Go to http://localhost:3000 in your browser.

📌 Future Enhancements

  • Implement a recommendation engine.
  • Add a subscription/payment model.
  • Integrate a video streaming feature.
  • Enhance UI/UX with animations and better responsiveness.

📬 Contact & Connect

If you're interested in this project or have any feedback, feel free to reach out!


💡 Hope you like my project! Feel free to fork, contribute, or provide suggestions. 🚀