Giter Club home page Giter Club logo

blog-games-nextjs's Introduction

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 🚧🚧🚧

blog-games-nextjs's People

Contributors

marco0antonio0 avatar

Stargazers

 avatar

Watchers

Knevari avatar Kostas Georgiou avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.