/cine-tag

Projeto desenvolvido no curso React: praticando React com Js da Alura.

Primary LanguageJavaScript

Cine Tag | React: praticando React com Js

Repositório com projeto Cine Tag desenvolvido durante o curso React: praticando React com Js da Alura Escola Online de Tecnologia.

📁 Detalhes do projeto


O Cine Tag é uma plataforma de compartilhamento de filmes que possui as telas de home, favoritos, player e página não encontrada.

Na home temos uma lista de filmes que podem ser favoritados. Acessando a página favoritos temos a lista de favoritos e ao clicar em um dos filmes somos redirecionados para página player com o vídeo do filme.

Para o desenvolvimento desta aplicação foi criado um projeto React com create-react-app. Para a estilização foi utilizado o CSS Module e para criar rotas foi utilizado o React-router-dom.

📚 Temas abordados

  • Compartilhamento de informações entre componentes;
  • Listar componentes com map();
  • Criação de contextos com createContext;
  • Hooks personalizados;
  • Uso de hooks useState, useEffect, useParams;
  • Rotas dinâmicas e rotas aninhadas;
  • Consumo de APIs com FetchAPI.

🖥️ Como executar o projeto


Para abrir e rodar o projeto, execute npm i para instalar as dependências e npm start para iniciar o projeto.

Depois, acesse http://localhost:3000/ no seu navegador.

👩‍💻 Tecnologias utilizadas


Desenvolvido com 💙 por Juliana Lucca.

Projeto original desenvolvido por Alura.