https://github.com/jamshibkl/react-netflix-clone

A simple Netflix Clone made using React.js ⚡
https://github.com/jamshibkl/react-netflix-clone

axios frontend netflix-clone node postman react sass-framework swiper-js tailwindcss tmdb-api vitejs webdevelopment

Last synced: 15 days ago
JSON representation

A simple Netflix Clone made using React.js ⚡

• Host: GitHub
• URL: https://github.com/jamshibkl/react-netflix-clone
• Owner: Jamshibkl
• Created: 2023-11-23T13:39:46.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-01-03T15:04:28.000Z (11 months ago)
• Last Synced: 2024-10-10T15:22:24.755Z (about 1 month ago)
• Topics: axios, frontend, netflix-clone, node, postman, react, sass-framework, swiper-js, tailwindcss, tmdb-api, vitejs, webdevelopment
• Language: JavaScript
• Homepage:
• Size: 2.88 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
<<<<<<< HEAD

# Netflix Clone React.js

## Overview

This project is a Netflix clone built using React.js, designed to enhance skills in web development. It features a fully interactive user interface with various functionalities, making it a comprehensive movie-watching experience. The project is powered by TMDB API, utilizing Firebase for database management

- **React.js Frontend:** Harness the power  React to build a responsive and interactive user interface.

- **Movie Database Integration:** Utilize a movie database API (e.g., TMDb) to fetch and display real movie data. 

- **Dynamic Content Rendering:** Implement dynamic content rendering for movie categories, popular titles, and detailed information.

- **User Authentication:** Provide a user authentication system to personalize the viewing experience.

- **Responsive Design:** Ensure a consistent and engaging experience across various devices and screen sizes.

>>>>>>> c9f153604a87d1e7a9679dfeb5bd1f55dd6039da

### mobile experience 

![mobile screens](https://i.imgur.com/ForTeQi.jpg)

 

## Key Functionalities

- Sign In / Sign Up

- Home Page for browsing movies

- My List Section for user-specific movie selections

- Liked Movies Page

- Watched Movies Page

- Profile Page

- Play Movie Page

- Search Movie Page

## Technologies Used

- [React.js](https://react.dev/)

- [TMDB API](https://www.themoviedb.org/)

- [Firebase](https://firebase.google.com/)

- [Axios](https://www.npmjs.com/package/axios)

- [Swiper.js](https://swiperjs.com/)

- [React-Youtube](https://www.npmjs.com/package/react-youtube)

- [Tailwind CSS](https://tailwindcss.com/)

## Description

This Netflix clone project was developed to deepen understanding and proficiency in React.js. Leveraging popular technologies and APIs like TMDB and Firebase, it encompasses a range of features, from user authentication to dynamic movie listings. The design is tailored to provide an immersive streaming experience, and the codebase reflects best practices in modern web development.

## Link to the Site

[Netflix Clone](https://netflicz-reactjs-rho.vercel.app/)