https://github.com/samuelaemro12/netflix-clone
A netflix-clone App to show-case my frontend web-app development skills and authentication with Firebase
https://github.com/samuelaemro12/netflix-clone
api firebase-auth frontend netflix-app netflix-clone reactjs themoviedb-org trailers user-authentication youtube
Last synced: 2 months ago
JSON representation
A netflix-clone App to show-case my frontend web-app development skills and authentication with Firebase
- Host: GitHub
- URL: https://github.com/samuelaemro12/netflix-clone
- Owner: samuelAemro12
- Created: 2024-09-04T12:41:50.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2025-10-02T21:31:33.000Z (9 months ago)
- Last Synced: 2025-10-02T23:27:27.472Z (9 months ago)
- Topics: api, firebase-auth, frontend, netflix-app, netflix-clone, reactjs, themoviedb-org, trailers, user-authentication, youtube
- Language: JavaScript
- Homepage: https://samuelaemro12.github.io/netflix-clone/
- Size: 6.07 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Netflix Clone - A React.js Project
A faithful recreation of Netflix, built using React and Firebase. It is a mobile-first, frontend app with responsiveness and is deployed on the web using GitHub Pages and Netlify.
# Features:
- **User Authentication**: Sign up and log in with Firebase.
- **Home Page**: Explore a curated selection of movies and TV shows.
- **Movie/TV Show Details**: Watch trailers and discover more information.
- **Basic Video Player**: Enjoy the movie trailers.
- **Responsive Design**: Works well on mobile and desktop.
# Technology Stack:
- **Frontend**: React, JavaScript, CSS
- **Backend**: Firebase (Authentication)
- **API**: The Movie Database (TMDb)
# Getting Started:
1. Clone the repository:
```
git clone https://github.com/samuelAemro12/netflix-clone
```
2. Install dependencies:
```
cd netflix-clone
npm install
```
3. Set up Firebase:
- Create a Firebase project and enable Authentication.
- Configure Firebase within the project (follow Firebase documentation).
4. Start the development server:
```
npm start
```
# Contribute:
Feel free to fork this project, add new features, or fix bugs. Your contributions are welcome!
firebase, the site contains home page, player and login page, where users can sign in and sign up
# Description
A movie site to showcase my skills in front-end development and guided work in backend using firebase. The site contains a home page, player, and login page, where users can sign in and sign up and enjoy movie trailers.
# Used Dependencies
- **react-router-dom** - Routing
- **react** - General Library
- **react-dom**
- **firebase** - User Authentication
- **react-firebase-hooks**
- **The Movie Database** - API to fetch data from
# Status
Public
# Author
samuel Aemro Melese - https://github.com/samuelAemro12
# General Information and Acknowledgment
I learned React while simultaneously working on this project, and I had great time being challenged
and writing code and debugging. I have Used The YouTube channels Evangadi Tech and GreatStack for some
files and assistances during coding and when I hit the wall while working I have tweaked some by refactoring,
and https://www.Reactjs.org for documentation and learning some react hooks that I have not previously worked
with while learning, I have also used some YouTube channels like Bro Code, Net Ninja and The Web School
for some quick explanation for some concepts. I have used https://www.themoviedb.org for data fetching, and
https://www.firebase.google.com for user authentication and database services, I have used the challenge based approach to solving coding problems.
# Contact
Samuel Aemro - samuelaemrowork12@gmail.com