challenge-capputeeno: A TypeScript repository from die-goncalves

Sobre • Tecnologias • Funcionalidades • Instalação • Visão do projeto • Licença • Autor

Sobre

Capputeeno é um e-commerce para venda de canecas e camisetas.

Este projeto é baseado no desafio front-end da Rocketseat apresentando algumas modificações como a utilização do Tailwind e de cookies.

Para o desenvolvimento do projeto o desafio conta com um protótipo no figma.

Tecnologias

Veja o arquivo package.json

Funcionalidades

Responsividade para as larguras:

Catálogo de produtos com paginação
Filtragem de produtos por categoria
Busca por nome do produto
Adicionar e remover produtos do carrinho
Finalizar compra

Instalação

Pré-requisitos

É necessário possuir o Git instalado e configurado no computador.
É necessário ter um gerenciador de pacotes seja o NPM ou Yarn.

Próximo passo

Faça um clone deste repositório:

git clone https://github.com/die-goncalves/challenge-capputeeno

Instale as depêndencias:

# Entre no diretório do repositório clonado
$ cd challenge-capputeeno

# Entre no diretório do projeto frontend
$ cd capputeeno
# Instale as dependências.
$ yarn #ou $ npm install

# Volte para o diretório raiz
$ cd ..
# Entre no diretório da api
$ cd api
# Instale as dependências.
$ yarn #ou $ npm install

No diretório capputeeno crie o arquivo .env.local.

# .env.local
# API
NEXT_PUBLIC_API_URL=http://localhost:3333

Execute a aplicação

# Em um terminal executar a api
# Partindo do diretório raiz /challenge-capputeeno
# Entrar na api
$ cd api
$ yarn start #ou $ npm run start
# A api inciará na porta:3333 - acesse <http://localhost:3333>

# Em outro executar o frontend
# Partindo do diretório raiz /challenge-capputeeno
# ntrar no projeto frontend
$ cd capputeeno
$ yarn dev #ou $ npm run dev
# A aplicação inciará na porta:3000 - acesse <http://localhost:3000>