https://github.com/odhiambo-ed/react-bingebox
React Bingebox is a Netflix-inspired web application built using React, Firebase, and The Movie Database (TMDb) API. It allows users to browse and watch trailers of popular movies and TV shows.
https://github.com/odhiambo-ed/react-bingebox
css3 firebase html-css-javascript html5 netflix-clone react reactjs toastify
Last synced: 10 months ago
JSON representation
React Bingebox is a Netflix-inspired web application built using React, Firebase, and The Movie Database (TMDb) API. It allows users to browse and watch trailers of popular movies and TV shows.
- Host: GitHub
- URL: https://github.com/odhiambo-ed/react-bingebox
- Owner: odhiambo-ed
- Created: 2024-11-01T07:27:06.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-05T21:25:50.000Z (over 1 year ago)
- Last Synced: 2025-01-24T07:12:33.518Z (over 1 year ago)
- Topics: css3, firebase, html-css-javascript, html5, netflix-clone, react, reactjs, toastify
- Language: JavaScript
- Homepage: https://react-bingebox-7xo220tdo-white3ds-projects.vercel.app
- Size: 6.96 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Sneak Peek
# React Bingebox - NetFlix Clone
## Description
> React Bingebox is a Netflix-inspired web application built using React, Firebase, and The Movie Database (TMDb) API. It allows users to browse and watch trailers of popular movies and TV shows.
## Live Demo Link
[Project Live Link](https://react-bingebox-7xo220tdo-white3ds-projects.vercel.app)
## Features
- **User Authentication**: Sign up and sign in using Firebase Authentication.
- **Responsive Design**: Fully responsive design that works on all devices.
- **Dynamic Content**: Fetches movie and TV show data from TMDb API.
- **Interactive UI**: Smooth scrolling and interactive elements for a seamless user experience.
- **Dark Mode**: Aesthetic dark theme for comfortable viewing.
## Technologies Used
- **React**: Frontend library for building user interfaces.
- **Firebase**: Backend-as-a-Service for authentication and database.
- **TMDb API**: Source for movie and TV show data.
- **React Router**: For handling navigation within the app.
- **CSS Modules**: For styling components with scoped CSS.
## Built With
## Get Started
### Run
```
To get a clone of the project, run `https://github.com/odhiambo-ed/react-bingebox.git`
```
```
cd /react-bingebox
```
```
npm install
```
```
npm run dev
```
## Author(s)
**Edward Odhiambo**
- GitHub: [@whit3d](https://github.com/odhiambo-ed)
- Twitter: [@odhiambo_ed](https://twitter.com/odhiambo_ed)
- LinkedIn: [Edward Odhiambo](https://www.linkedin.com/in/edward-odhiambo/)
- Portfolio: [Edward Odhiambo](https://edwardodhiambo.com/)
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!!!
Feel free to check the [issues page]https://github.com/odhiambo-ed/react-bingebox/issues)
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- Hat tip to anyone whose code was used
- Special thanks to [React](https://react.dev/) for the amazing vanilla JavaScript framework project. I am grateful for your talent and generosity in sharing your work with the community.
## 📝 License
This project is [MIT](https://github.com/white3d/GitHub-User-Content/blob/main/LICENSE) licensed.