guardavideos
08/08/2020
GuardaVídeos: Guarde seus vídeos favoritos.

O Guarda Vídeos é um local para você cadastrar seus vídeos favoritos divididos por categoria e vê-los sempre que quiser. Ele foi elaborado durante a Imersão React, um evento que durou cerca de uma semana e teve como foco o desenvolvimento de uma aplicação feita com React.

O evento teve a participação de várias pessoas da comunidade de desenvolvedores, dispostas a aprender mais sobre tecnologias como: TypeScript, React, Styled-components, JSON Server e React Slick. A Alura foi a grande responsável pela organização do evento, que foi totalmente gratuito, e por todos os ensinamentos compartilhados.

O Guarda Vídeos tem uma interface bastante simples, mas que se ajusta de acordo com o tamanho da tela do dispositivo. Ela conta com uma página principal que lista todos os vídeos cadastrados, separados por categoria. No início da página, é exibido o último vídeo inserido.

preview web
Página principal em telas maiores.
preview mobile
Página principal em telas menores.

Na versão para telas maiores, no menu superior da aplicação é exibido o botão para cadastrar um novo vídeo. Esse mesmo botão irá para a parte inferior da tela, como um botão flutuante, para se ajustar a dispositivos com telas menores.

Esse botão “novo vídeo” redireciona para tela de cadastro de um novo vídeo. Nessa mesma tela, há a opção de acessar a tela de cadastro de categorias, onde é possível verificar as categorias já cadastradas, bem como a cor referente a cada uma.

preview new video
Tela de cadastro de um novo vídeo.
preview new category
Tela de cadastro de uma nova categoria, bem como listagem das categorias já cadastradas.

As futuras implementações para ferramenta, são: adicionar níveis de usuários, opção de edição e exclusão dos vídeos e categorias, além de outras configurações para melhorar ainda mais o visual da aplicação.

Para mais informações sobre o projeto, visite:
https://github.com/ciromoura/guardavideos
https://github.com/imersao-alura/aluraflix
https://vitrine-imersao-react.vercel.app/
https://github.com/amandabezerra/adaflix

Agradecimentos ao pessoal da Alura por ter elaborado esse projeto tão legal. 🙂

Postagens relacionadas
Ecoleta: marketplace para coleta de resíduos. Ver

♻️ Ecoleta é uma aplicação que visa conectar empresas, mercados e entidades de coleta de resíduos orgânicos e inorgânicos a pessoas que desejam fazer um descarte de maneira que não prejudique o ambiente. Os pontos de coleta podem utilizar a plataforma web para se cadastrar. Ao fazer isso, deve ser enviada uma imagem do ponto […]

Be The Hero: aplicação para ajudar ONGs Ver

Durante a 11ª semana OmniStack da Rocketseat foi desenvolvida a aplicação Be The Hero, que visa ajudar Organizações não Governamentais – ONGs a encontrar pessoas que estejam dispostas a contribuir com algum valor. Nessa aplicação, uma ONG pode cadastrar um caso: com título, descrição e valor a ser arrecadado. Dessa forma, alguém que tenha disponibilidade […]