Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/anniedotexe/nunflix

Nunflix is a frontend Netflix clone but Warrior Nun-ified. It is built with React JS and uses the TMDB API to pull in data and images.
https://github.com/anniedotexe/nunflix

firebase firebase-hosting firebasehosting netflix-clone netflix-clone-react react reactjs web-design web-dev web-development webdesign webdev webdevelopment website-clone website-redesign websiteclone

Last synced: 11 days ago
JSON representation

Nunflix is a frontend Netflix clone but Warrior Nun-ified. It is built with React JS and uses the TMDB API to pull in data and images.

Awesome Lists containing this project

README

        

# [Nunflix](https://nunflix-6e5b3.web.app/) - A Netflix Clone

This is Nunflix, a frontend clone of Netflix's home page made just for the Netflix original series [Warrior Nun](https://www.imdb.com/title/tt9059350/).

*Learn more about the series and campaign at [warriornun.com](https://www.warriornun.com/) and [linktr.ee/savewarriornun](https://linktr.ee/savewarriornun)*

> Today Iโ€™m happy to officially report that because of your combined voices, passion and amazing efforts - #WarriorNun will return and is going to be more EPIC than you could imagine. More details to come! SOON! Thank-you!! #SaveWarriorNun #WarriorNunSaved โค๏ธ๐ŸŽฌ
>
> 10:16 PM ยท Jun 27, 2023 ยท [@SimonDavisBarry](https://twitter.com/SimonDavisBarry/status/1673923368381448192) via Twitter

**LIVE DEMO** - [nunflix-6e5b3.web.app](https://nunflix-6e5b3.web.app/) OR [nunflix-6e5b3.firebaseapp.com](https://nunflix-6e5b3.firebaseapp.com/)


React
Open Source? Yes!
Firebase


Screenshot

---

## Built With
- [React JS](https://reactjs.org/docs/getting-started.html)
- [TMDB (The Movie Database) API](https://developers.themoviedb.org/3/getting-started)
- Hosted on [Firebase](https://firebase.google.com/docs/hosting)

---

## Running the Application Yourself

Here's what you need to do to get this running locally on your computer.

1. Register for a TMDB API key by following the instructions [here](https://developers.themoviedb.org/3) to be able to use the API to pull in data and images displayed on the site
1. Clone the project to your machine with\
`git clone https://github.com/anniedotexe/Nunflix.git`
1. Add the API key in this line in the `request.js` file\
`const API_KEY = 'paste key in here'`
1. On a command line inside of the application's folder, run\
`npm start`
1. Open http://localhost:3000 to view it in a browser

---

## Creator / Maintainer

Annie Wu ([anniedotexe](https://github.com/anniedotexe))

If you have any questions, comments, or concerns, feel free to contact me below.



Connect via Email

This project was created for educational purposes and for personal and open-source use.

If you like my content or find this code useful, give it a :star: or support me by buying me a coffee :coffee::grinning:

Buy Me A Coffee