Projeto final do curso de React da Raro Academy.
O Raro Tube é um portal de vídeos exclusivo da Raro Academy, que tem como principal objetivo facilitar o acesso dos alunos aos materiais em vídeo que são produzidos ao longo dos cursos da Academy. O desenvolvimento dessa plataforma trás diversas vantagens como a possibilidade de organizar o conteúdo de forma mais eficiente, permitir aos alunos criarem uma lista com seus vídeos favoritos, bem como promover uma maior interação entre os alunos através das curtidas e comentários nos vídeos.
O layout base do app é subdividido em:
- Header ;
- Menu (autenticado e não autenticado);
- Lista de vídeos.
Nessa sessão é possível:
- Acessar a Lista de videos públicos e visualiza-los;
- Visualizar comentários feitos por usuários autenticados;
- Fazer login utilizando o botão 'Login' localizado no canto superior direito no header;
- Fazer um cadastro utilizando o botão 'Cadastre-se' localizado ao lado do botão de login;
- Acessar o menu através do botão no canto superior esquerdo e obter mais informações sobre as próximas turmas disponíveis da Raro Academy.
Realiza a inscrição do aluno da plataforma através dos dados:
- Nome;
- Senha;
- Código de Acesso.
- Realiza a autenticação do usuário através do seu email e senha;
- Possibilita alterar a senha através do link 'Esqueci minha senha';
Contém:
- Lista de vídeos favoritos do usuário;
- Lista de vídeos recentes;
- Lista de vídeos recomendados;
- Botão dropdown de ações com o usuário (alterar senha, sair);
- Menu com os vídeos das aulas separados por semanas.
- Player de Visulização do vídeo;
- Timestamp;
- Reprodução do próximo vídeo automática;
- Lista de vídeos sugeridos;
- Botão para favoritar vídeo;
- Adicionar, Curtir ou descurtir um comentário;
- Responder, editar ou excluir um comentário já existente.
- Sistema de rotas para as páginas específicas;
- Página de rota não identificada (404 - Not Found)
Clonar o projeto
git clone https://github.com/rarolabs/raro-academy-react-grupo-3 Acesse a pasta do projeto no terminal/cmd
cd raro-academy-react-grupo-3Instalar dependências
npm installExecute a aplicação em modo de desenvolvimento
npm start