pierinijr / trybe-movie-card-library-crud

Nesse projeto foi desenvolvido uma aplicação que consiste em uma biblioteca de cartões de filmes dinâmica utilizando React, porém dessa vez, utilizando rotas na navegação.

Boas vindas ao repositório do projeto de Movie Cards CRUD!

• Nesse projeto foi desenvolvido uma aplicação que consiste em uma biblioteca de cartões de filmes dinâmica utilizando React, porém dessa vez, utilizando rotas na navegação.

---

Habilidades

• Utilizar o componentDidMount para executar uma ação após o componente ser inserido no DOM;

• Utilizar o shouldComponentUpdate para avaliar se uma atualização do componente deve ou não acontecer naquele momento;

• Utilizar o componentDidUpdate para executar uma ação após o componente ser atualizado;

• Utilizar o componentWillUnmount para realizar uma ação antes de o componente ser desmontado;

• Utilizar o props.children para acessar os filhos de um componente React e interagir com eles;

• Utilizar o componente BrowserRouter corretamente;

• Criar links de navegação na aplicação com o componente Link ;

• Criar rotas, mapeando o caminho da URL com o componente correspondente, via Route ;

• Estruturar e organizar as rotas da sua aplicação com o componente Switch ;

• Usar o componente Redirect pra alternar entre rotas.

---

🛠 Tecnologias

Esse projeto foi desenvolvido utilizando:

• ReactJS

---

📋 Execução

Antes de executar o projeto, você precisa ter instalado as seguintes ferramentas:

• Um editor de sua preferência. Utilizei o VSCode no desenvolvimento do projeto.
• O sistema de controle de versões Git.

Com os softwares instalados, siga as instruções abaixo:

# Clonar o repositório
git clone https://github.com/pimentajr/trybe-movie-card-library-crud

# Entrar no diretório
cd trybe-movie-card-library-crud

# Baixar as dependências
npm i

# Executar o servidor
npm start

Feito isso, o servidor iniciará na porta 5500. Basta acessar http://localhost:3000/ em seu navegador.