Principais pontos abordados nesse desafio:
- Conceitos de SPA;
- Utilização do Event.preventDefault();
- Propriedades do JS para exibir rotas;
- Assincronismo;
- Promises;
- Conceitos da POO;
- Classes;
- Herança;
- Polimorfismo;
- Tabelas no HTML;
- Screen Reader Only;
- Imutabilidade;
- Método filter();
- localStorage;
- API;
- fetch();
- Desestruturação no JavaScript;
- Async functions;
- Try, catch e throw;
O resultado final desse desafio deve ser algo em torno de:
Este projeto consiste em uma aplicação completa que permite aos usuários marcar e salvar seus perfis favoritos no GitHub. A aplicação utiliza uma tabela HTML e se comunica com a API do GitHub para recuperar e renderizar esses dados na interface do usuário por meio do JavaScript.
Também foram utilizados conceitos importantes de programação, como classes para visualizar o HTML, uma classe para organizar os dados e uma terceira classe para se comunicar com a API do GitHub e recuperar os dados do usuário.
O projeto foi desenvolvido passo a passo, começando pela construção da estrutura HTML com tabelas. Em seguida, foi adicionado CSS para estilizar a tabela e dar um visual agradável à aplicação.
Depois, o JavaScript foi utilizado para criar classes, herança, imutabilidade e lidar com as promessas da API. Também foram abordados conceitos como armazenamento local para salvar os dados do usuário e tratamento de erros para garantir a qualidade do código.
No final, a aplicação permite que o usuário pesquise por perfis do GitHub, marque seus favoritos e salve essa lista para exibi-la sempre que abrir a página. Uma aplicação completa e funcional, construída com as tecnologias web mais utilizadas. 🚀
Este é um projeto desenvolvido em treinamento, juntamente com a
Rocketseat 🚀
no decorrer do programa Explorer.
📅 Início: 27.02.2023
📅 Conclusão: 03.03.2023
🕛 Status: Concluído✔️
🌎 Result Preview: https://githubfmyavorites.netlify.app/