Skip to content

joaofreitas91/react-ts-coffee-shop

Repository files navigation

Coffee Shop

Sobre - Tecnologias - Pré Requisitos - Autor

Sobre

Desafio da trilha Ignite da Rocketseat de desenvolver uma aplicação para gerenciar um carrinho de compras de uma cafeteria fictícia, que contém as seguintes funcionalidades:

  • Listagem de produtos (cafés) disponíveis para compra
  • Adicionar uma quantidade específicas de itens no carrinho
  • Aumentar ou remover a quantidade de itens no carrinho
  • Formulário para o usuário preencher o seu endereço
  • Exibir o total de itens no carrinho no Header
  • Exibir o valor total da soma de itens no carrinho multiplicados pelo valor

Template gerado com o vite, código em Typescript e estilização com Styled Component.

Visite o meu projeto clicando AQUI

Tecnologias

  • React JS
  • React useReducer
  • React Hook Form
  • ZOD - Form Validation
  • Typescript
  • React Router Dom
  • context API
  • Styled Component
  • Phosphor Icons
  • Eslint

Pré requisitos

Antes de rodar você precisar ter instalado na sua máquina as seguintes ferramentas:

  1. Git
  2. Node JS
  3. Yarn
#Clone esse repositório
$ git clone https://github.com/joaofreitas91/react-js-coffee-shop.git

#Entre na pasta
$ cd react-js-coffee-shop

#Instale as dependências 
$ yarn

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

#Se você não estiver com nenhum projeto rodando no momento, 
#o servidor irá iniciar na porta 3000 - acesse http://localhost:3000

Autor

Olá, 👋

Feito com 💜 por João Paulo 👋 Visite meu Linkedin