Catflix – A Netflix Clone

---

📖 Project Overview

Catflix is a Netflix-inspired streaming platform clone designed to simulate the user experience of browsing, searching, and viewing media content. Built using the MERN stack (MongoDB, Express.js, React, and Node.js), this project showcases full-stack development skills with a focus on dynamic front-end interfaces, robust back-end services, and efficient database management.

---

🚀 Live Demo

a live demo is avaiable below

https://catflix-xcl4.onrender.com/

🚀 Features

• User Authentication

  • Secure sign-up and login using JWT tokens.
  • Persistent sessions with token-based authentication.

• Browse and Search

  • Explore a curated catalog of movies and TV shows.
  • Search for content by title, genre, or keyword.

• Media Details

  • View detailed information, including descriptions, genres, ratings, and release years.

---

🛠️ Tech Stack

Front-End

• React: Component-based user interface.
• Redux/Context API: State management.
• CSS/Bootstrap/Material UI: Styling and responsiveness.

Back-End

• Node.js: Runtime environment for server-side logic.
• Express.js: RESTful API design and middleware.
• MongoDB: NoSQL database to store user data and media content.
• Mongoose: ODM library for MongoDB.

Authentication

• JWT (JSON Web Tokens): Secure user authentication and session handling.

---

🖥️ Installation

Prerequisites

Ensure you have the following installed on your machine:

• Node.js
• MongoDB

Setting up environment variables

    PORT=5000
    MONGO_URI=your_mongo_db_connection_string
    JWT_SECRET=your_jwt_secret

Steps

1. Clone the Repository

   git clone https://github.com/your-username/catflix.git
   cd catflix

2. Backend

   cd frontend
   npm install
   npm run dev

3. Frontend - using another terminal

   cd . # back to root node
   cd frontend
   npm install
   npm run dev