https://github.com/someoneudonknow/netflix_clone_react

Netflix clone web app ( for learning purposes )
https://github.com/someoneudonknow/netflix_clone_react

2embed clone-website html5 netflix react react-router reactbootstrap reacthookform reactjs redux redux-toolkit scss scss-modules swipperjs tmdb-api

Last synced: about 3 hours ago
JSON representation

Netflix clone web app ( for learning purposes )

• Host: GitHub
• URL: https://github.com/someoneudonknow/netflix_clone_react
• Owner: someoneudonknow
• Created: 2023-01-20T15:23:43.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-08-15T02:33:08.000Z (3 months ago)
• Last Synced: 2024-08-15T03:37:27.061Z (3 months ago)
• Topics: 2embed, clone-website, html5, netflix, react, react-router, reactbootstrap, reacthookform, reactjs, redux, redux-toolkit, scss, scss-modules, swipperjs, tmdb-api
• Language: JavaScript
• Homepage:
• Size: 1.92 MB
• Stars: 11
• Watchers: 2
• Forks: 3
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Introduction

- Introducing my Netflix clone web app, a project that I have developed for learning purposes. This web app is mainly built with ReactJS and other tools. It is designed to provide users with a user-friendly and engaging experience while also improving my front-end development skills. It is designed to be user-friendly and engaging, with features that allow users to quickly and easily find their favorite movies or TV shows, add their favorite film to a list, customize their profile, and more. It is also fast and efficient, with API calls on scroll and debounce search to improve browsing speed.

- **Because I don't have time, this website is not responsive yet**

## Features

- Login, register(with facebook google email and password), logout

- Find movies and TV shows by text, filter out movies and TV shows by genres and people

- Edit user profile ( change user name, avatar )

- User can add their favorite movies and TV shows to their own films list

- All users'information will be stored in firestore

- And a lot of visual effects, hope to bring you the best experience

## Tools and Technology I used:

- Mainly used: Reactjs, Scss module, Redux/Redux toolkit, Firebase for backend and deployment.

- Data is taken from [tmdb](https://www.themoviedb.org/) and [2embed](https://2embed.org/)

- Support libraries: react hook form, swipperjs, react-bootstrap

## Interface

##### Welcome page

[WelcomePage.webm](https://user-images.githubusercontent.com/90843926/221367304-938f3c64-893b-4181-8cdf-a50ee665f810.webm)

##### Login and register page

https://user-images.githubusercontent.com/90843926/221368042-8adb35a0-0630-4694-ace8-b72a1e8412ca.mp4

##### Movie, TV Show, Trending, My List Pages

https://user-images.githubusercontent.com/90843926/221368506-fb5f44dd-9816-4d32-a11a-e88746f7eebb.mp4

##### Search Page

https://user-images.githubusercontent.com/90843926/221368720-69c7738c-cd16-4ed8-a152-eca1276c9f23.mp4

##### Edit profile page

https://user-images.githubusercontent.com/90843926/221369002-4e6976cb-28db-4e2e-9395-8ad069b3086d.mp4

##### Watch Page

https://user-images.githubusercontent.com/90843926/221369264-90b14e39-4839-440e-a1f7-4bc47c3fcee7.mp4