Gam3r Store

Imagem
Imagem
Imagem
HTMLHTML
CSSCSS
JavaScriptJavaScript
TypeScriptTypeScript
Node.jsNode.js
NestJSNestJS
Express.jsExpress.js
ReactReact
PostgreSQLPostgreSQL
React NativeReact Native
Next.jsNext.js
PrismaPrisma
Tailwind CSSTailwind CSS

🕹️ Gam3r Store

GitHub stars GitHub forks GitHub issues
Next.js NestJS TypeScript Prisma PostgreSQL Docker TailwindCSS JWT Turborepo Yarn React

Gam3r Store é uma plataforma de e-commerce especializada em tecnologia, oferecendo uma ampla seleção de produtos que vão desde gadgets e acessórios modernos até equipamentos de alta performance projetados para gamers. Com foco em inovação, qualidade e uma experiência excepcional, a Gam3r Store é o destino ideal para quem busca as últimas tendências tecnológicas e soluções avançadas para o universo gamer.

🖥️ Como rodar este projeto 🖥️

Requisitos:

  • Node.js instalado
  • PostgreSQL configurado

Execução:

  1. Clone este repositório:

    git clone https://github.com/portfolio-projetos-dev/gam3r-store.git
    
  2. Acesse o diretório do projeto:

    cd gam3r-store
    
  3. Instale as dependências com o comando a seguir na pasta raiz do projeto:

    yarn install
    
  4. Configure as variáveis de ambiente:

    Será necessário criar um arquivo .env com as mesmas variáveis de ambiente listadas no arquivo .env.example nas pastas apps/frontend e apps/backend. Cada um desses arquivos deverá ser preenchido com as variáveis de ambiente correspondentes e exemplificadas no arquivo env.example de cada pasta.

  5. Execute as migrações do banco rodando o comando a seguir na pasta prisma que se localiza dentro da pasta app/backend:

    npx prisma migrate dev
    
  6. Inicie a aplicação rodando o comando yarn dev na pasta raiz da sua aplicação. Esse comando iniciará todos os projetos da sua aplicação.

  7. O projeto estará disponível em http://localhost:3000.

🗒️ Features do projeto 🗒️

  • Autenticação segura com JWT
  • Catálogo de produtos dinâmico
  • Carrinho de compras e checkout integrado
  • Gerenciamento de pedidos e pagamentos
  • Filtros de produtos por categoria, preço e avaliação
  • Integração com múltiplos métodos de pagamento
  • Design responsivo

💎 Links úteis 💎