Online Store

Descrição

Loja online simplificada (sem persistência em banco) desenvolvida em grupo, com foco em metodologias ágeis e consumo da API do Mercado Livre. O projeto simula uma experiência de e-commerce em uma versão simplificada, construída por uma equipe de 5 pessoas, guiada por um quadro Kanban, em um fluxo próximo às práticas reais de mercado.

Funcionalidades

• Busca de produtos por termo e por categoria, consumindo a API do Mercado Livre.
• Listagem de produtos com informações essenciais para decisão de compra.
• Carrinho de compras com incremento e decremento de quantidade por item.
• Remoção de itens do carrinho e atualização de totais.
• Detalhes do produto, incluindo avaliações prévias quando disponíveis.
• Criação de avaliações (simulação de reviews do produto).
• Finalização de compra simulada, validando o fluxo do usuário.

Tecnologias

• TypeScript: Linguagem principal para lógica de negócio e manipulação do DOM.
• React: Biblioteca para construção da interface de usuário com componentes reutilizáveis.
• CSS: Estilização e layout responsivo da aplicação.
• Node.js: Ambiente de execução JavaScript no servidor para desenvolvimento local.
• API do Mercado Livre: Fonte dos dados dos produtos e funcionalidades de busca.

Demonstração do Projeto

Clique aqui para acessar a aplicação online

Estrutura do Projeto

A estrutura do projeto é organizada da seguinte forma:

.
├─ public/
├─ assets/            # Images and icons used in the application
├─ src/
│  ├─ components/     # Reusable components
│  ├─ pages/          # Main application pages
│  ├─ services/       # Services for API integration
│  ├─ App.css       
│  ├─ main.tsx        
│  ├─ App.tsx
│  └─ index.css
├─ package.json
├─ package-lock.json
├─ tsconfig.json
├─ index.html
├─ vite.config.ts
└─ README.md

Grupo do projeto

• Projeto desenvolvido em grupo durante a formação Full Stack da Trybe.
• Equipe:
  • Willian Gonçalves: GitHub
  • Ana Luiza Suguimoto: GitHub
  • Filipe Marques Hottis: GitHub
  • Sílvia de Morais: GitHub
  • Victor Gomes: GitHub

Contato

Willian Gonçalves | LinkedIn | Github | Portfólio | Email

Créditos

Projeto desenvolvido em grupo durante a formação Full Stack da Trybe, com foco em metodologias ágeis e consumo da API do Mercado Livre.

English version

Online Store

Simplified online store (without database persistence) developed in a group, focusing on agile methodologies and consuming the Mercado Livre API. The project simulates an e-commerce experience in a simplified version, built by a team of 5 people, guided by a Kanban board, in a flow close to real market practices.

Features

• Product search by term and category, consuming the Mercado Livre API.
• Product listing with essential information for purchase decision.
• Shopping cart with increment and decrement of quantity per item.
• Item removal from the cart and total updates.
• Product details, including previous reviews when available.
• Review creation (product review simulation).
• Simulated checkout, validating the user flow.

Technologies

• TypeScript: Main language for business logic and DOM manipulation.
• React: Library for building user interfaces with reusable components.
• CSS: Styling and responsive layout of the application.
• Node.js: JavaScript runtime environment on the server for local development.
• Mercado Livre API: Source of product data and search functionalities.

Project Demonstration

Click here to access the online application

Project Structure

The project structure is organized as follows:

.
  ├─ public/
  ├─ assets/            # Images and icons used in the application
  ├─ src/
  │  ├─ components/     # Reusable components
  │  ├─ pages/          # Main application pages
  │  ├─ services/       # Services for API integration
  │  ├─ App.css       
  │  ├─ main.tsx        
  │  ├─ App.tsx
  │  └─ index.css
  ├─ package.json
  ├─ package-lock.json
  ├─ tsconfig.json
  ├─ index.html
  ├─ vite.config.ts
  └─ README.md
  

Project Group

• Project developed in a group during the Full Stack training at Trybe.
• Team:
  • Willian Gonçalves: GitHub
  • Ana Luiza Suguimoto: GitHub
  • Filipe Marques Hottis: GitHub
  • Sílvia de Morais: GitHub
  • Victor Gomes: GitHub

  Contact

  Willian Gonçalves | LinkedIn | Github | Portfolio | Email

  Credits

  Project developed in a group during the Full Stack training at Trybe, focusing on agile methodologies and consuming the Mercado Livre API.