An open API service indexing awesome lists of open source software.

https://github.com/lachimolala2628/netflix-clone


https://github.com/lachimolala2628/netflix-clone

firebase firebase-auth firebase-database javascript react-firebase-hooks react-router-dom react-toastify reactjs vite

Last synced: about 2 months ago
JSON representation

Awesome Lists containing this project

README

          

# 🎬 Netflix Clone

A responsive Netflix clone web app built with **ReactJS** and **Vite**, featuring authentication, movie/web-series data fetching via **TMDB API**, and a modern, clean UI.

---

## 🚀 Tech Stack

**Frontend:** ReactJS, Vite, JavaScript, Tailwind CSS

**Backend & Auth:** Firebase, firebase-auth, firebase-database

**Form Handling:** react-hook-form

**API:** TMDB API (for movies and TV shows data)

---

## ✨ Features

🔐 User Authentication (Sign up, Sign in, Sign out)

🎥 Browse Movies & TV Shows from TMDB API

📱 Fully Responsive for all devices

⚡ Fast Performance with Vite

---

## 🛠 Installation

1. **Clone the repository**

```bash
git clone https://github.com/lachimolala2628/netflix-clone.git
```
2. **Install dependencies**

```bash
npm install
```

3. **Set up environment variables**

Create a .env file in the root directory and add:

```env
VITE_API_KEY=your_vite_api_key
VITE_AUTH_DOMAIN=your_vite_auth_domain
VITE_PROJECT_ID=your_vite_project_id
VITE_STORAGE_BUCKET=your_vite_storage_bucket
VITE_MESSGING_ID=your_vite_messging_id
VITE_APP_ID=your_vite_app_id
```

4. **Run the development server**

```bash
npm run dev
```

## ✍🏻 Author

**Ayush Kumar**
Creative Frontend Developer passionate about turning complex ideas into clean, responsive, and user-friendly web experiences.