Repositório com projeto Cine Tag desenvolvido durante o curso React: praticando React com Js da Alura Escola Online de Tecnologia.
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
.
- 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.
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.
Desenvolvido com 💙 por Juliana Lucca.
Projeto original desenvolvido por Alura.