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.
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.
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.
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.
Para executar o projeto em seu ambiente local, siga as etapas abaixo:
-
Certifique-se de ter o Node.js instalado em sua máquina. Você pode baixar o Node.js em https://nodejs.org.
-
Clone este repositório Git em seu computador:
git clone <URL DO REPOSITÓRIO>
- Navegue até o diretório raiz do projeto:
cd <NOME DO DIRETÓRIO>
- Instale as dependências do projeto usando o gerenciador de pacotes do Node.js (npm):
npm install
- 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
- 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.
Você pode acessar o site em https://store-games.nova-work.cloud.
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.
Desenvolvedor: Marco Antonio
Em desenvolvimento 🚧🚧🚧