Projeto desenvolvido para o programa de estágio frotend react
A página web tem o objetivo de apresentar uma diversa lista de jogos, na qual é possível pesquisar pelo nome do jogo desejado ou filtrar de acordo com seu gênero. Para isso, foi consumida uma API disponível pela empresa.
URL do projeto online: https://appgamelist.netlify.app/
- Projeto desenvolvido usando ReactJS
- Obter lista de jogos
- Apresentar Loader enquanto os dados são obtidos
- Apresentar os jogos em 3 colunas (no computador)
- Em cada card apresentar, pelo menos o título e a imagem
- Responsividade
- Ocultar loader ao apresentar dados ou mensagem
- Campo de busca com case insensitive
- Filtrar pelo gênero selecionado
- Mensagem ao retornar status code 500, 502, 503, 504, 507, 508 ou 509
- Mensagem ao retornar outros erros
- Se os dados demorarem mais que 5s para retornar, apresentar uma mensagem
Como não foi implementado retorno de mensagem para erros na API, é recomendado atualizar a página para visualizar o conteúdo se ocorrer tela branca
- ReactJS
- Styled Components