📽 Front-end RocketMovies

💻 Projeto

Front-end de uma aplicação de criação de notas sobre filmes, o RocketMovies.

No RocketMovies você poderá criar sua conta e desfrutar de um ambiente para você registrar suas anotações sobre filmes.

Você registrar o filme (com título e descrição) e atribuir uma nota para ele.

As anotações podem conter tags para deixá-las mais completas.

A aplicação é composta por as seguintes telas:

Login;
Criação de conta;
Home;
Detalhes de nota;
Criação de nota;
Edição de perfil.

📥 Conhecimento adquirido

O que é o ReactJS e como trabalhar com ele;
Componentes e propriedades;
Trabalhar com o React-router-dom;
O que é o ViteJS e como trabalhar com ele;
Arquitetura de pastas e arquivos;
CSS in-JS (Styled Components);
Trabalhar com API Restful;
Trabalhar com Axios;
React Context;
React Hooks - hook de autenticação, useState, useEffect e useNavigate;
React State;
Fluxo de Renderização React.

🛠 Tecnologias usadas

▶ Rodando a Aplicação

Pré-requisitos

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js.

Além disto é bom ter um editor para trabalhar com o código como VSCode.

# Clone este repositório
$ git clone https://github.com/Elias-Neto/rocketmovies-frontend

# Acesse a pasta do projeto no terminal/cmd
$ cd rocketmovies-frontend

# Instale as dependências
$ npm install

# Execute a aplicação em modo de desenvolvimento
$ npm run dev

Desenvolvido com ❤ por Elias de Araújo Ferreira Neto 👋