Skip to content

site para procurar o melhor jogo de sua preferencia ,site feito em next js react js e integração com api

Notifications You must be signed in to change notification settings

marco0antonio0/blog-games-nextjs

Repository files navigation

Projeto Game Store

img

Este é o README do projeto Git para o seu site inspirado no Dribbble, onde os usuários podem explorar e favoritar jogos. O objetivo deste documento é fornecer informações sobre o projeto, suas características e como executá-lo.

Descrição do Projeto

O projeto consiste em um site desenvolvido com CSS puro, sem a utilização de adicionais, além das fontes do Google, HTML modules e JavaScript, tudo integrado ao framework Next.js. O design do site é criativo e foi inspirado no Dribbble, proporcionando uma experiência visual atraente para os usuários.

A página principal do site separa os jogos por categoria e os lista utilizando métodos como tabelas ou listas, oferecendo uma organização eficiente para facilitar a navegação dos usuários.

img Os jogadores têm a opção de favoritar os jogos que mais gostarem. A página de favoritos exibe todos os jogos que o usuário adicionou aos favoritos até o momento. Além disso, os jogadores também podem desfavoritar os jogos, caso desejem. O site permite que o usuário retorne à página de pesquisa para explorar mais jogos. img

O projeto foi desenvolvido utilizando o Next.js, um framework baseado em React para a criação de aplicativos web. Para fins de teste, foi utilizada a API RapidAPI para a obtenção dos dados necessários.

Configuração e Execução

Para executar o projeto em seu ambiente local, siga as etapas abaixo:

  1. Certifique-se de ter o Node.js instalado em sua máquina. Você pode baixar o Node.js em https://nodejs.org.

  2. Clone este repositório Git em seu computador:


git clone <URL DO REPOSITÓRIO>

  1. Navegue até o diretório raiz do projeto:
cd <NOME DO DIRETÓRIO>
  1. Instale as dependências do projeto usando o gerenciador de pacotes do Node.js (npm):
npm install
  1. Crie um arquivo .env na raiz do projeto com as seguintes variáveis de ambiente: siga o env-example localizado na raiz do projeto e renomei de ".env"
NEXT_PUBLIC_SECRET_KEY = <chave_key_api>

Para mais informações em: https://www.freetogame.com/api-doc

  1. Inicie o servidor de desenvolvimento:
npm run dev

Isso iniciará o servidor e você poderá acessar o site em seu navegador através do seguinte endereço: http://localhost:3000.

Acesso ao Site

Você pode acessar o site em https://store-games.nova-work.cloud.

Contribuição

Se você deseja contribuir para este projeto, fique à vontade para fazer um fork do repositório e enviar suas melhorias através de pull requests. Serão bem-vindas sugestões, correções de bugs e implementações de novos recursos.

Contato

Desenvolvedor: Marco Antonio

img

status

Em desenvolvimento 🚧🚧🚧

About

site para procurar o melhor jogo de sua preferencia ,site feito em next js react js e integração com api

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published