Movie Card Crud

Display de cartas de filmes no qual o usuário pode visualizar, criar, editar ou deletar qualquer um dos cards.

Demonstração

Você pode ver o aplicativo funcionando clicando aqui.

Rodando localmente

Pré requisitos:

• nodejs
• npm

Estrutura base

root
┣ public
┃ ┣ images
┣ src
┃ ┣ components
┃ ┣ images
┃ ┃ ┣ demo
┃ ┣ pages
┃ ┣ services

Clone o projeto

  git clone [email protected]:marcosebsilva/movie-card-crud.git

Entre no diretório do projeto

  cd /movie-card-crud

Instale as dependências

  npm install

Inicie o servidor

  npm start

Stack utilizada

Front-end: React, CSS, HTML

Back-end: A simulação do comportamento de uma API está disponível em src/services e foi feita pela Trybe.

Aprendizados

Consegui compreender conceitos importantes do React, como:

• Renderização condicional
• Gerenciamento de estado local
• Como deixar um código bem organizadinho definindo os prop-types, por exemplo
• Como funcionam os components de classe
• React Router v5

E de quebra ainda deu pra entender mais sobre

• CSS e o abençoado BEM
• HTML Semântico

Melhorias

Responsividade para dispositivos mobile.