Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/mujtabacodes/netflix-clone-reactjs-tailwindcss-sanity-

Netflix clone just for learning
https://github.com/mujtabacodes/netflix-clone-reactjs-tailwindcss-sanity-

firestore google-authentication moviesdb-api react reactjs redux stripe-payments styled-components typescript vite

Last synced: about 1 month ago
JSON representation

Netflix clone just for learning

Awesome Lists containing this project

README

        

# Netflix Clone

This project is a Netflix clone built with ReactJS, TypeScript, Vite, Stripe Checkout & Webhooks, Redux Toolkit, Firestore, Google Authentication, and the MovieDB API. It aims to replicate the user interface and functionality of the Netflix streaming platform.

[Netflix Clone live demo](https://netflix-clone-69c81.web.app/)

## Features

- Browse and search for movies and TV shows.
- View movie and TV show details.
- Play trailers for selected content.
- Responsive design for various devices.
- User authentication.
- Redux for state management.

## Technologies Used

- [ReactJS](https://reactjs.org/): A JavaScript library for building user interfaces.
- [TypeScript](https://www.typescriptlang.org/): A typed superset of JavaScript.
- [Vite](https://vitejs.dev/): A fast and minimalist build tool for modern web development.
- [Stripe Checkout & Webhooks](https://stripe.com/): A payment processing solution.
- [Redux Toolkit](https://redux-toolkit.js.org/): An opinionated, batteries-included toolset for efficient Redux development.
- [Firestore](https://firebase.google.com/products/firestore): A NoSQL cloud database for web and mobile applications.
- [Google Authentication](https://firebase.google.com/docs/auth): Secure and easy-to-use authentication service.
- [MovieDB API](https://www.themoviedb.org/documentation/api): A popular source for movie and TV show data.

## Getting Started

Clone the repository & Run the project:

```bash
git clone https://github.com/Mujtaba4li/Netflix-Clone-ReactJS-TailwindCSS-Sanity-.git
cd netflix-clone
yarn install
yarn start