/frontend-online-store

Front-End Online Store é uma aplicação de carrinho de compras desenvolvida em React, oferecendo recursos avançados de filtragem de detalhes de compra e um sistema completo de checkout.

Primary LanguageTypeScript

Front-End Online Store 🛒

Essa aplicação foi desenvolvida em React, criada para oferecer uma experiência de compra simplificada e conveniente. Com foco em praticidade, os usuários podem navegar por uma variedade de produtos e adicionar itens ao carrinho de compras. Além disso, a aplicação permite filtrar detalhes da compra por categorias, como "Acessórios para Veículos", "Agro", "Animais" e entre outros.

Além disso, esse projeto foi uma oportunidade de aprendizado sobre Métodos Ágeis, promovendo uma abordagem flexível e colaborativa no desenvolvimento da página.

⚙️ Funcionalidades

  • Navegar por uma ampla gama de produtos;
  • Adicionar itens ao carrinho de compras;
  • Filtrar detalhes da compra por categorias específicas;
  • Editar dados do comprador no carrinho;

🛠 Tecnologias utilizadas

  • React
  • TypeScript
Documentação da API do Mercado Livre

A aplicação consume os dados da API do Mercado Livre para realizar a busca de itens da loja online.

Estrutura do projeto

.
├── src/
│   ├── assets/
│   ├── components/
│   │   ├── Layout.tsx
│   │   ├── Layout.module.css
│   │   ├── ProductCard.tsx
│   │   └── ProductDetails.tsx
│   ├── pages/
│   │   ├── Checkout/
│   │   │   ├── Checkout.module.css
│   │   │   └── index.tsx
│   │   ├── Home/
│   │   │   ├── home.module.css
│   │   │   └── index.tsx
│   │   ├── ShoppingCartPage/
│   │   │   └── index.tsx
│   ├── services/
│   │   └── api.ts
│   ├── App.tsx
|   ├── index.css
│   ├── main.tsx
│   └── types.ts
├── README.md
└── package.json

Como executar

1️⃣ Instale as dependências:

npm install

2️⃣ Inicie a aplicação:

npm run dev

Contribuidores

Gostaria de expressar meu sincero agradecimento aos contribuidores deste projeto, cujas valiosas contribuições foram fundamentais para o seu desenvolvimento e aprimoramento: