Skip to content

O Ignite Shop é um aplicação web de vendas de camisetas com temas do mundo dev, mostrando com detalhes a parte visual e informacional das camisetas, além de apresentar um carrinho onde o cliente pode adicionar as suas compras.

License

Notifications You must be signed in to change notification settings

PabloXT14/Ignite-Shop

Folders and files

NameName
Last commit message
Last commit date

Latest commit

93f9ab7 · Oct 24, 2023

History

55 Commits
Jan 11, 2023
Jan 6, 2023
Jan 10, 2023
Jan 11, 2023
Nov 17, 2022
Nov 17, 2022
Nov 17, 2022
Oct 24, 2023
Nov 26, 2022
Jan 11, 2023
Jan 11, 2023
Nov 17, 2022

Repository files navigation

Github-Blog

GitHub language count GitHub Top Language Repository size GitHub last commit License Stargazers

cover ignite-shop

🚀 Aplicação Finalizada 🚀

About | Layout | Deploy | How It Works | Technologies | Author | License

💻 About

O Ignite Shop é um aplicação web de vendas de camisetas com temas do mundo dev, mostrando com detalhes a parte visual e informacional das camisetas, além de apresentar um carrinho onde o cliente pode adicionar as suas compras.

O principal conceito treinado nesta aplicação foi a utilização do framework Next.js, explorando conceitos como o de SSR(Server Side Rendering) e SSG(Static Site Generation), além da utilização da biblioteca Stitches.js para a estilização.

O projeto foi desenvolvido como conclusão de um desafio do curso Ignite oferecida pela Rocketseat. O Ignite é um curso de especialização em stacks específicas amplamente utilizadas e valorizadas no mercado como React, React Native, Node.js e Elixir.


🎨 Layout

Você pode visualizar o layout do projeto através desse link. É necessário ter conta no Figma para acessá-lo.

Web

Animated Web Demonstration

Animated Web Demonstration


🔗 Deploy

Para acessar o deploy do Website da aplicação basta clicar no link a seguir: Link


🚀 How it works

Este projeto contem somente a parte Frontend Web, precisando somente executar a aplicação em seu Browser(navegador).

Pré-requisitos

Antes de baixar o projeto você vai precisar ter instalado na sua máquina as seguintes ferramentas:

Além disto é bom ter um editor para trabalhar com o código como VSCode

Precisará também fazer a seguinte configuração para rodar o projeto:

  • Criar uma conta e projeto no Stripe, e copiar as chaves pública e privada do projeto
  • Criar na raiz do projeto o arquivo .env.local
  • Criar no arquivo .env.local as variáveis de ambiente, conforme o exemplo do arquivo .env.example
  • Colocar nas variáveis de ambiente os respectivos valores, incluindo as chaves copiadas do projeto do STRIPE

Todos cartões de crédito disponíveis para teste (ex: 4242 4242 4242 4242) estão especificados na seguinte documentação do Stripe

🧭 Rodando a aplicação web (Frontend)

# Clone este repositório
$ git clone git@github.com:pabloxt14/Ignite-Shop.git

# Vá para a pasta da aplicação Front End
$ cd Ignite-Shop

# Instale as dependências
$ npm install

# Configure as variáveis de ambiente (conforme já explicado anteriormente)

# Execute a aplicação em modo de desenvolvimento
$ npm run dev

# A aplicação será aberta na porta:3000 - acesse http://localhost:3000

🛠 Technologies

As seguintes ferramentas foram usadas na construção do projeto:

Website (Next.js + TypeScript)

Para mais detalhes das dependências gerais da aplicação veja o arquivo package.json


✍ Author

Perfil Github

Linkedin Badge

Gmail Badge


📝 License

Este projeto esta sobe a licença MIT.

Feito com 💜 por Pablo Alan 👋🏽 Entre em contato!

About

O Ignite Shop é um aplicação web de vendas de camisetas com temas do mundo dev, mostrando com detalhes a parte visual e informacional das camisetas, além de apresentar um carrinho onde o cliente pode adicionar as suas compras.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published