Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/anmol-kumarr/netflix

A web app for Movie, Web Series and many more. Developed by using TMDB API , Features implemented like Authentication, Sign in , Sign out, email verification , Like it ,Watch later
https://github.com/anmol-kumarr/netflix

firebase netflix react redux tmdb-api

Last synced: 24 days ago
JSON representation

A web app for Movie, Web Series and many more. Developed by using TMDB API , Features implemented like Authentication, Sign in , Sign out, email verification , Like it ,Watch later

Awesome Lists containing this project

README

        

# 🎬 Netflix Clone

A Netflix-inspired web application with essential features like login, logout, signup, forget password, adding movies to a watch later list, and liking movies. Built with **React**, **Firebase**, **TMDB API**, and **Tailwind CSS**.

## 🌟 Features

- **Authentication**: Secure user login, signup, logout, and forget password functionality using Firebase Authentication.
- **Movie Data**: Fetches real-time data from the TMDB API, including popular, trending, and top-rated movies and TV shows.
- **Add to Watch Later**: Save movies or shows to a personal "Watch Later" list.
- **Like Movies**: Like your favorite movies and TV shows to create a custom list.
- **Responsive Design**: Designed with Tailwind CSS to ensure a seamless experience across all devices.

## 🚀 Getting Started

### Prerequisites

Make sure you have the following installed on your system:

- [Node.js](https://nodejs.org/) (v14 or higher)
- [npm](https://www.npmjs.com/) or [yarn](https://yarnpkg.com/)

### Installation

1. **Clone the repository**

```bash
git clone https://github.com/yourusername/netflix-clone.git
cd netflix-clone

2. **Install dependencies**

```bash
npm install
# or
yarn install

3. **setup .env**

- REACT_APP_FIREBASE_API_KEY=your_firebase_api_key
- REACT_APP_FIREBASE_AUTH_DOMAIN=your_firebase_auth_domain
- REACT_APP_FIREBASE_PROJECT_ID=your_firebase_project_id
- REACT_APP_FIREBASE_STORAGE_BUCKET=your_firebase_storage_bucket
- REACT_APP_FIREBASE_MESSAGING_SENDER_ID=your_firebase_messaging_sender_id
- REACT_APP_FIREBASE_APP_ID=your_firebase_app_id
- REACT_APP_TMDB_API_KEY=your_tmdb_api_key

2. **Start Project**

```bash
npm start
# or
yarn start