Cineflix

💻 Live Preview

Cineflix is a movie and series database website that has the look and style inspired by Netflix. It uses The Movie DB API to display movies and show details like genre and description.

I created this project in order to learn how to structure a beginner level React project.

The project has authentication using Google Firebase, the full style done in TalwindCSS and the function to save the movie to favorites, the movie data is updated every week.

---

✨ Features

• Users can create account, login and logout
• Users can save movies to favorites
• The movie data is updated every week
• Custom notifications component

---

Technologies

• React
• Firebase
• Firestore
• Axios
• Tailwind CSS

---

🖥️ Image:

🔧 Setup:

To have a working copy of the site locally on your computer, follow these simple steps:

Step 1:

1. Create an account and start a new project on Google Firebase to get access the necessary access keys.
2. Start a Firestore service from your Firebase account.

Step 2:

1. Rename the "PERSONAL.env" file to ".env", which is in the root folder of the project.
2. Modify the code snippet on your .env file replacing 'your-key-here' with the respective keys that were passed to you after creating the Firebase account

REACT_APP_FIREBASE_API_KEY=your-key-here
REACT_APP_FIREBASE_AUTH_DOMAIN=your-key-here
REACT_APP_FIREBASE_PROJECT_ID=your-key-here
REACT_APP_FIREBASE_STORAGE_BUCKET=your-key-here
REACT_APP_MESSAGING_SENDER=your-key-here
REACT_APP_FIREBASE_APP_ID=your-key-here

This will be what gives you access to your Firebase account and the Firestore service.

Step 3:

1. Create a free The Movie DB account to get your API access key
2. Go to your profile settings, on the API menu section, and copy your The Movie DB API Key

3. Modify the code snippet on your .env file replacing 'your-key-here' with the respective API Key that was given to you.

REACT_APP_TMDB_KEY=your-key-here

Step 4:

1. Run npm i on your terminal to install all the dependencies
2. Run npm start on your terminal to start the project locally

---

📓 License

Distributed under the MIT License. See LICENSE.txt for more information.

---

🤝 Contributing

🚧 This is a project under construction!

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repository and create a pull request. You can also simply open an issue with the tag "improvement". Also please give to give the project a star! Thanks.