Cinetag
🇺🇸 English (apenas no GitHub) |
🇧🇷 Português |
Cinetag
Um lugar para você salvar seus filmes e vídeos. Com a possibilidade de navegar entre seus favoritos, e assistir diretamente o conteúdo de sua escolha.
🔨 Recursos do projeto
Cinetag é uma aplicação de projeto de reprodutor de vídeo, com a finalidade principal de exercitar diversos conhecimentos do React com uma aplicação muito proeminente de react router, e alguns hooks, além de estilização com CSS Modules e consumo de API.
⚙️ Técnicas e tecnologias usadas
Confira essa lista de tudo que vamos usar nesse app:
React
CSS Modules
React Router
React Hooks
GitHub
Vercel
🛠️ Abra e execute o projeto
Para abrir e executar o projeto, execute npm i
para instalar as dependências e npm start
para iniciar o projeto.
Em seguida, vá para http://localhost:3000/ em seu navegador.
📚 Mais informações do tutorial
Cinetag é um protótipo de uma aplicação onde você pode salvar seus vídeos favoritos e assistir, desenvolvido a partir do curso de React: praticando React com Js. Fazendo esse curso de fui capaz de:
- Iniciar um projeto React
- Construie componentes e páginas
- Implementae rotas normais, dinâmicas e aninhadas
- Aplicar os hooks useState, useParams, useEffect e useContext
- Entender como funcionam os contextos do React
- Consumir uma API
- Realizar o deploy do projeto na Vercel
🪧 Vitrine.Dev | |
---|---|
✨ Nome | Cinetag |
🏷️ Tecnologias | React, CSS Modules,React Router, React Hooks, GitHub, Vercel (tecnologias utilizadas) |
🚀 URL | https://cinetag-six-pi.vercel.app/ |
🔥 Desafio | https://cursos.alura.com.br/course/react-praticando-react-js |