Nivo.video é uma aplicação de listagem de vídeos que permite aos usuários filtrar vídeos por tags e criar novas tags.
Esse projeto foi desenvolvido durante o evento React na prática, disponibilizada pela Rocketseat.
Os usuários podem filtrar vídeos com base em tags específicas. Isso facilita a busca por vídeos relacionados a temas específicos, proporcionando uma experiência de navegação mais personalizada.
Os usuários têm a capacidade de criar novas tags para categorizar os vídeos. Isso permite uma organização flexível e uma forma intuitiva de classificar o conteúdo com base em diferentes critérios.
Cada vídeo agora possui um slug associado, facilitando o compartilhamento de URLs amigáveis e melhorando a acessibilidade e indexação nos motores de busca.
- Visualize o projeto no Vercel!
ou
-
Clone o repositório:
git clone https://github.com/ellen-caroline/nivo.video.git
-
Certifique-se de ter o Node.js instalado!
cd nivo.video npm install
-
Inicie o servidor JSON:
npm run server
-
Inicie a aplicação:
npm run dev
-
Abra seu navegador e acesse http://localhost:5173 para visualizar a aplicação.
- React
- TypeScript
- Vite
- JSON Server
- React Router DOM
- Modificar informações do usuário
- Escolher itens por página no componente de paginação
- Página de configurações
- Responsividade e melhoria em mobiles