ellen-caroline / nivo.video Goto Github PK

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.

1. Visualize o projeto no Vercel!

ou

1. Clone o repositório:

   git clone https://github.com/ellen-caroline/nivo.video.git
   

2. Certifique-se de ter o Node.js instalado!

   cd nivo.video
   npm install
   

3. Inicie o servidor JSON:

   npm run server
   

4. Inicie a aplicação:

   npm run dev
   

5. 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

• Repositório do projeto na Rocketseat
• Vite
• Tailwind CSS
• Lucide Icons
• JSON Server
• Transform Tools
• React Router DOM