aryyan0701/netflix_clone

Watch More. Watch Better.

Getting Started with Create React App

This project was bootstrapped with Create React App.

Netflix Clone

A Netflix clone project built with React, Tailwind CSS, and Firebase. This project includes a server-side backend using Firebase, with user data stored in Cloud Firestore. The website offers an impressive user interface and dynamic content updates using a REST API.

Overview

The Netflix Clone project replicates the user interface of the popular streaming service, Netflix. It includes a server-side backend powered by Firebase, and user data is stored securely in Cloud Firestore. The website features an impressive layout and dynamic content updates via a REST API.

Technologies Used

• React
• Tailwind CSS
• Firebase (Authentication, Firestore, Hosting)
• REST API (for dynamic content)

Getting Started

Prerequisites

Before you begin, ensure you have the following installed:

• Node.js and npm
• Firebase account (with a project set up)
• API key for the dynamic content REST API

Installation

Follow these steps to set up and run the project locally:

# Clone the repository
git clone https://github.com/your-username/netflix-clone.git

# Navigate to the project directory
cd netflix-clone

# Install dependencies
npm install 



### `npm start`

Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.

The page will reload when you make changes.\
You may also see any lint errors in the console.

### `npm test`

Launches the test runner in the interactive watch mode.\
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

### `npm run build`

Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!

See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.

src/
|-- components/
|-- pages/
|-- services/
|-- styles/
|-- firebase/
|-- App.js
|-- index.js
|-- ...

npm run build

# Deploy to Firebase Hosting
firebase deploy

## Features
User authentication with Firebase
Secure storage of user data in Cloud Firestore
Impressive Netflix-like user interface
Dynamic content updates through a REST API