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

Netflix Clone Project built using JavaScript, React, HTML, and CSS integrated with TMDB for film information.
https://github.com/emnaghz/netflix-clone

css firebase google-authentication html react redux-toolkit

Last synced: 2 months ago
JSON representation

Netflix Clone Project built using JavaScript, React, HTML, and CSS integrated with TMDB for film information.

• Host: GitHub
• URL: https://github.com/emnaghz/netflix-clone
• Owner: Emnaghz
• Created: 2024-01-24T16:23:14.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-08-30T07:35:54.000Z (almost 2 years ago)
• Last Synced: 2025-03-22T21:38:12.758Z (over 1 year ago)
• Topics: css, firebase, google-authentication, html, react, redux-toolkit
• Language: JavaScript
• Homepage:
• Size: 5.26 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Netflix Clone Project

This project is a Netflix clone built using JavaScript, React, HTML, and CSS. It features a login and logout authentication flow with Google, Redux for state management, and integration with The Movie Database (TMDB) to fetch film information for the Netflix app.

## Features

- User authentication with Google OAuth for login and logout functionality.

- Redux implementation for efficient state management.

- Integration with TMDB API to fetch movie information.

- Responsive design for compatibility with various devices.

- Netflix-like user interface for browsing and watching movies.

## Clone Repository

`git clone https://github.com/Emnaghz/Netflix-clone.git`

## Overview

### Welcome Screen (Not Authenticated User)

![](images/img1.png "Figure 1 : Welcome Screen")

### Sign In / Sign Up Screen (with Error Handling)

![](images/img2.png "Figure 2 : Sign In / Sign Up Screen")

### Home Screen

![](images/img3.png "Figure 3 : Home Screen (1/2)")

![](images/img4.png "Figure 4 : Home Screen (2/2)")

### Profile Screen

![](images/img5.png "Figure 5 : Profile Screen")

## Contributing

Contributions are welcome! If you find any issues or have suggestions.