Nunflix - A Netflix Clone

This is Nunflix, a frontend clone of Netflix's home page made just for the Netflix original series Warrior Nun.

Learn more about the series and campaign at warriornun.com and 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 via Twitter

LIVE DEMO - (REMOVED FOR NOW, there was an issue with the API I think)

<p align="center"> <img alt="React" src="https://img.shields.io/badge/-React-61DBFB?style=flat&logo=react&logoColor=FFFFFF"/> <img alt="Open Source? Yes!" src="https://badgen.net/badge/Open%20Source%20%3F/Yes%21/blue?icon=github"/> <img alt="Firebase" src="https://img.shields.io/badge/-Firebase-039BE5?style=flat&logo=firebase&logoColor=FFA611"/> </p> <p align="center"> <img alt="Screenshot" src="./public/img/readme/screenshot.png" width="700px"> </p>

---

Built With

• React JS
• TMDB (The Movie Database) API
• Hosted on Firebase

---

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 to be able to use the API to pull in data and images displayed on the site
2. Clone the project to your machine with
   git clone https://github.com/anniedotexe/Nunflix.git
3. Add the API key in this line in the request.js file
   const API_KEY = 'paste key in here'
4. On a command line inside of the application's folder, run
   npm start
5. Open http://localhost:3000 to view it in a browser

---

Creator

Annie Wu (anniedotexe)

Copyright © 2021-2026 Annie Wu. All rights reserved.

I do not maintain this code anymore and will not respond to any questions sent to me.

If you like my content or find this code useful, give it a ⭐ or support me by buying me a coffee ☕💙

<a href="https://www.buymeacoffee.com/anniedotexe" target="_blank"><img src="https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png" alt="Buy Me A Coffee" style="height: 41px !important;width: 174px !important;box-shadow: 0px 3px 2px 0px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 3px 2px 0px rgba(190, 190, 190, 0.5) !important;" ></a>