2º Projeto Avaliativo do 1º Módulo do curso DEVinHouse - DEVinMMO 👩🏻💻
O projeto foi um desafio feito individualmente utilizando o React, tratando-se de uma página de jogos MMO (Massively Multiplayer Online), que permite:
🎮 busca de jogos;
💻 informações detalhadas sobre cada jogo, como os requisitos mínimos;
📰 página de busca de notícias relacionadas aos jogos, que também redireciona para o site de origem da notícia.
A aplicação foi feita contemplando os seguintes requisitos:
● Utilizar o serviço de MMO Games: https://rapidapi.com/digiwalls/api/mmo-games/;
● Uma página com todos os resultados fazendo uma listagem utilizando o endpoint https://mmo-games.p.rapidapi.com/games;
● Uma página com detalhe do jogo utilizando o endpoint https://mmo-games.p.rapidapi.com/game;
● Uma página de notícia, com as informações de acordo com as imagens utilizando o endpoint https://mmo-games.p.rapidapi.com/latestnews;
● Na página de detalhes, fazer um formulário para inserir comentários que devem ser salvos no localStorage;
● Os campos do formulário não podem ser salvos em branco e o e-mail precisa ser um e-mail válido;
● Na página de detalhes, fazer um slideshow com as fotos das screenshots (não precisa ter troca automática de fotos, mas precisa trocar ao clicar em uma foto);
● Inserir input de busca na tela de listagem de jogos e de notícias, que realiza um filtro e atualiza a listagem com os resultados por nome do jogo/ título da notícia, conforme telas das imagens;
● Nos cards de notícia, o link deve direcionar o usuário para uma nova aba do navegador, onde será aberto o site da notícia;
● Utilizar rotas na aplicação para navegar entre página de detalhes, listagem de jogos e listagem de notícias;
● Utilizar a fonte Montserrat do Google Fonts - https://fonts.google.com/specimen/Montserrat?query=Montserrat;
● Utilizar, sempre que possível, tags semânticas para os elementos HTML.