alessandradocouto / plant-store-landing-page

Repositório de-commerce de loja de plantas com carrinho de compras.

Shopping Cart in React.js and Typescript

Website de e-commerce de uma loja de plantas com detalhes da compra.

Site: https://plantsair.vercel.app/

Aprendizados ao construir o projeto

• como usar spread operator

fonte: https://kevinyckim33.medium.com/jsx-spread-operator-component-props-meaning-3c9bcadd2493

• feature intressante optional chaining ES2020

fonte: https://pt.stackoverflow.com/questions/486355/o-que-significa-uma-interroga%C3%A7%C3%A3o-no-acesso-%C3%A0s-propriedades-de-um-objeto

• somar array de objeto com Reduce

fonte: https://medium.com/@luizalbertobm/somar-valores-em-uma-lista-de-objetos-javascript-usando-reduce-faf39aa2618e

O que foi utilizado

• Vite version 4.1.0;

• Typescript version 4.9.3;

• React Router DOM;

• React Context;

• Material UI;

• Node version 18.5.0;

Rodar projeto

Clone repositório

git clone https://github.com/alessandradocouto/plant-store-landing-page.git

Entar na pasta do projeto e instalar pacotes

cd plant-store-landing-page

npm install

Start the app

npm run dev