⭐ Marque o projeto com uma estrela. 👀 Acompanhe o projeto para receber novidades.
⚙️ Acesse a demo e veja o projeto funcionando.
🇺🇸 Access the US English version of this page.
Este projeto é uma adaptação e evolução do projeto AluraTube, proposto no 5ª Imersão React da Alura, que ocorreu em novembro de 2022. Inicialmente ele tinha como objetivo divulgar conhecimentos básicos sobre a tecnologia React.JS, mas tornou-se uma oportunidade de praticar e desenvolver habilidades pessoais nessa tecnologia e em outras relacionadas.
O React é uma biblioteca JavaScript criada pelo Facebook para construir interfaaces de usuário modernas, conhecidas como aplicações front-end, as quais são conectadas a aplicações back-end, que servem conteúdo e gerenciam regras negociais em sistemas complexos. O React roda sobre o Node.JS, um ambiente de execução JavaScript multi plataforma de código aberto, e é potencializado por outras bibliotecas e frameworks, principalmente o Next.JS, um framework muito popular, que também é utilizado neste projeto.
O TJAS AluraTube é uma plataforma de vídeos inspirada no YouTube. Entretanto, o TJAS AluraTube não pretende ser uma cópia do YouTube, mas ir além: tomando o projeto desenvolvido na Imersão React como ponto de partida, mas propondo alguns recursos inovadores que apenas fazem referência ao YouTube como principal provedor de vídeos e conteúdos. Alura e AluraTube são marcas registradas da AOVS Sistemas de Informática S.A., todos os direitos reservados. YouTube é uma marca registrada da Google LLC, todos os direitos reservados.
Este é um exemplo de como você pode configurar o projeto localmente no seu computador. Para obter uma cópia local funcionando, siga estas etapas:
- Certifique-se de que você tem o Node.JS 18.12.1+ com o npm 8.19.2+ instalado ou verifique como fazê-lo em NodeJS.org;
- Certifique-se de que você tem o Git instalado ou verifique como fazê-lo em Git-scm.com;
- Acesse a pasta na qual você deseja salvar o projeto, então, clone o repositório nesta pasta
git clone https://github.com/tjas/tjas-aluratube
- Acesse a pasta do projeto;
- Instale as dependências do projeto (obtidas, por padrão, do arquivo
package.json)npm install
- Execute a aplicação
npm run dev
- Finalmente, acesse a aplicação no endereço http://localhost:3000
- Crie um fork!
- Crie sua branch de funcionalidade:
git checkout -b minha-nova-funcionalidade
- Adicione os arquivos modificados:
git add . - Faça um Commit com suas alterações:
git commit -m "Adicione algum comentário útil aqui" - Faça um push da sua branch:
git push origin minha-nova-funcionalidade
- Envie um Pull Request para esse repositório
- Adicione um título e uma descrição que deixe claro sua sugestão;
- Utilize o idioma inglês para comentários e nomes de branch;
- Depois que seu pull request for mergeado, você pode apagar sua branch.
- Obter uma lista de vídeos dinamicamente por meio da Google API;
- Incluir efeito de fade nas extremidades dos scrolls horizontais;
- Criar, editar e excluir playlists;
- Adicionar e remover vídeos;
- Adicionar e remover favoritos;
- Editar as informações de usuário;
- Persistir informações em base de dados local;
- Traduzir para outros idiomas;
- Criar página de login;
- Separar páginas públicas e privadas.
- Versão LTS do Node.JS;
- Documentação do npm;
- Documentação do React.JS;
- Documentação do Next.JS;
- Documentação do Styled Components;
- Arquivo next.config.js dos exemplos de Styled Components, para utilizar React com Next;
- API do GitHub;
- Documentação do Supabase;
- Supabase-JS;
- Usando Effect Hook (Hook de Efeito).
- Figma;
- Visual Studio Code, interface de desenvolvimento;
- Unsplash, para imagens grátis;
- Componentes do Material Design;
- Conta da Vercel no GitHub;
- Exemplo oficial de utilização do Styled Components;
- Conta "Alura Challenges" da Alura no GitHub, projetos legais para referência;
- Projeto "Flappy Bird: Dev Soutinho";
- Projeto "Awesome Design Systems", referência para vários design systems;
- Alura Verso;
- TechGuide.sh, um guia para a carreira em tecnologia;
- Vitrine Dev;
- Babel, um compilador JavaScript;
- QUOKKA, uma ferramenta de suporte para codificação em JavasCript;
- Supabase.
Thiago Jorge Almeida dos Santos, autor e mantenedor do projeto.
- Código distribuído sob a Licença MIT.