vilsonsampaio / onflix

📽 Discover movies and rate your favorites - Made with ReactJS and Styled Components.

🎬 Discover movies and rate your favorites.

📌 Table of Content

• 📌 Table of Content
• 📝 About the project
• ✨ Features
• 🖥 Screens
• 👷 Installation
• 📮 FAQ
• 📕 License

📝 About the project

OnFlix is a platform that allows the discovery and management of movies, categorizing them as favorites.

This is a study project focused on putting into practice my knowledge obtained throughout my education as a Front-end Developer.

• Status: ✅ Done.

✨ Features

• 📽 Filtering of the best selling or most profitable movies, plus information on a specific movie.
• 💟 Management of favorite movies.
• 🔎 Movie search.

🖥 Screens

Home

Movie

Search

Favorites

Not Found

👷 Installation

1. First, you need to have NodeJS and Yarn installed on your computer.

2. With the programs listed above installed, clone this repository: git clone https://github.com/vilsonsampaio/onflix.git.

3. Inside the project directory, install all the application dependencies: yarn add.

4. Clone the .env.example file to set the environment variables: cp .env.example .env.

   1. You will need an account at The Movie Database to provide the API key so that you can make requests to the TMDB server.

5. Run the application with yarn start, and the platform will be running at http://localhost:3000/.

📮 FAQ

Question: What technologies were used in this project?

Answer: This project used Create React App as a boilerplate for ReactJS to create the interface along with Styled Components for styling the components. Additionally, Axios was used as HTTP client, chroma.js for color manipulation, and React Toastify for displaying messages to the user. As IDE, Visual Studio Code was used.

Question: Who designed the screens?

Answer: The application UI were created by Pramod Poudel and are available at Figma Community.

📕 License

Developed in 2022.
This project is under the MIT License.

---

Made with 💙 Vilson Sampaio