RedCore Games é uma aplicação web desenvolvida por Renan Costa para a disciplina de Programação Web. O projeto consome a RAWG Video Games Database API para apresentar jogos, criadores, desenvolvedoras, plataformas e publicadoras em uma interface moderna, responsiva e internacionalizada.
- Página inicial de apresentação do sistema.
- Catálogo de jogos com busca, filtros, intervalo de datas, ordenação e paginação.
- Cache local no navegador para consultas repetidas e pré-carregamento das próximas páginas.
- Tela de detalhes de jogos com nota RAWG, Metacritic, classificação etária, tempo médio, desenvolvedoras, publicadoras, tags, galeria de screenshots e requisitos de sistema quando disponíveis.
- Seções para criadores, desenvolvedoras, plataformas e publicadoras.
- Tema claro/escuro e suporte a português do Brasil e inglês.
- Indicador de carregamento animado e rolagem interna nos cards de coleções extensas.
- Estados visuais de carregamento, erro e ausência de dados.
- Layout responsivo para desktop, tablet e celular.
- Next.js 15
- React 19
- Tailwind CSS
- React Icons
- RAWG Video Games Database API
localStoragepara cache, histórico, idioma e tema
- Instale as dependências:
npm install- Crie
.env.locala partir de.env.examplee informe a chave da RAWG:
cp .env.example .env.localNEXT_PUBLIC_RAWG_API_KEY=sua_chave_real_da_rawg- Inicie o ambiente de desenvolvimento:
npm run devAcesse http://localhost:3000.
O projeto está configurado para exportação estática e para deploy automático via GitHub Actions.
- No GitHub, abra Settings → Pages e selecione Source: GitHub Actions.
- Mantenha o arquivo
.env.localversionado no repositório, pois o workflow lê esse arquivo durante o build estático. - Envie as alterações para a branch
main. - Acompanhe a publicação na aba Actions.
Observação importante: como o GitHub Pages é hospedagem estática, a chave
NEXT_PUBLIC_RAWG_API_KEYfica pública no JavaScript gerado. Use apenas uma chave apropriada para esse cenário.
A URL prevista para este repositório é:
https://renancost15.github.io/GammingProject/
Os dados e imagens de jogos são fornecidos pela RAWG Video Games Database API. O rodapé mantém um backlink ativo para a RAWG em todas as páginas que exibem dados da plataforma.
Renan Costa
GitHub: RenanCost15