AlineLima713 / PrimeFlix

Catálogo de filmes - Projeto para praticar o aprendizado do curso de React JS - Curso na Udemy do Matheus Fraga

PRIME FLIX

Movie Catalog - Project to practice learning the React JS Course - Matheus Fraga Udemy Course https://bityli.com/jmZ66g

Table of contents:

• About the project
• Technologies
• Prerequisites
• Getting started
• File structure
• License
• Contact

About the project:

Project developed with React JS, with the purpose of simulating a movie catalog website.

Objective:

• It's supposed to show a list of the last ten movies added in the api.
• It's supposed to show movie details.
• Add and remove movies from favorites page:
  • Directly from the movie details page
  • On the favorites page itself.

Technologies

✅ React JS
✅ Styled-components
✅ React-toastify
✅ React-router-dom
✅ Axios
✅ React Hooks

Prerequisites

Before proceeding, it is ideal that you have the environment set up to create applications in React Native, for this you can follow the guide of the link below:

React JS's Environment (web)

Getting started

First you clone the project:

$ git clone https://github.com/AlineLima713/PrimeFlix.git && cd PrimeFlix

Then you run the following command to install packages:

$ yarn install

Next, you start the project:

$ yarn start

File structure

A estrutura de arquivos está da seguinte maneira:

├── src/
│   ├── Components/
│   │   └── Header/
│   │       └── header.css
│   │       └── index.js
│   ├── pages/
│   │   └── Error/
│   │       └── error.css
│   │       └── index.js
│   │   └── Favoritos/
│   │       └── favoritos.css
│   │       └── index.js
│   │   └── Filme/
│   │       └── filme-info.css
│   │       └── index.js
│   │   └── Home/
│   │       └── home.css
│   │       └── index.js
│   ├── services/
│   │   └── api.js
│   ├── App.js
│   └── index.css
│   ├── index.js
│   └── routes.js
├── .gitignore
├── LICENSE
├── package-lock.json
├── package.json
└── README.md

License:

This project is licensed under the MIT License - see the LICENSE file for details.

Contact:

[e-mail] | WhatsApp | Instagram | Linkedin

Made with ❤️ by Aline Lima 😊