https://github.com/isaque-s-0liveira/frontend-online-store-ts

Versão simplificada de uma loja online.
https://github.com/isaque-s-0liveira/frontend-online-store-ts

bootstrap5 css3 layout-responsive react react-router typescript

Last synced: 4 days ago
JSON representation

Versão simplificada de uma loja online.

• Host: GitHub
• URL: https://github.com/isaque-s-0liveira/frontend-online-store-ts
• Owner: isaque-S-0liveira
• Created: 2024-07-21T02:47:41.000Z (6 months ago)
• Default Branch: master
• Last Pushed: 2024-09-05T18:31:41.000Z (4 months ago)
• Last Synced: 2024-11-09T20:40:31.186Z (2 months ago)
• Topics: bootstrap5, css3, layout-responsive, react, react-router, typescript
• Language: TypeScript
• Homepage: https://isaque-s-0liveira.github.io/frontend-online-store-TS/
• Size: 919 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Frontend Oline Store

  Preview

  


  
Tela Home vazia:


  

  
Tela home com pesquisa:


  

  
Tela detalhes de um produto:


  

  
Avaliações de um produto:


  

  
Tela de finalizar compra


  

  











    

### Veja a aplicação funcionando clicando aqui

# Contexto

O foco principal deste projeto é, com base nos ensinamentos React da Trybe, fazer requisições e consumir dados de uma API, compreender o ciclo de vida dos componentes, mapear caminhos de URL com o componente Route e utilizar o Routes do React Router Dom.

  O que é a Trybe?🤔

  A Trybe é uma escola de desenvolvimento web genuinamente comprometida com o sucesso profissional de seus estudantes. Com o Modelo de Sucesso Compartilhado (MSC) oferecido pela Trybe Fintech, uma instituição financeira autorizada pelo Banco Central do Brasil, os alunos têm a opção de pagar apenas quando estiverem trabalhando.

---

Frontend oline store é uma aplicação responsiva que consome a API do mercado livre, permitindo aos usuários buscar produtos por termos e categorias, interagir com os produtos, visualizar detalhes e simular a finalização da compra. As principais funcionalidades do Frontend Oline store incluem:

- **Pesquisa de produtos**: Permite que os usuários procurem produtos por termo ou categoria.

- **Listagem de produtos**: Exibe imagem, nome, preço dos produtos, mostrando se possui frete grátis e se já foi adicionado ao carrinho, após a listagem o usuário pode ordenar a lista de produtos por maior e menor preço.

- **Visualização dos detalhes de um produto**: Mostra imagens e especificações técnicas de um produto.

- **Interação com os produtos**: Permite o usuário interagir com os produtos buscados de modo a adicioná-los e removê-los de um carrinho de compras em diferentes quantidades.

- **Avaliações de um produto**: Permite a visualização de avaliações prévias, bem como criar novas avaliações.

- **Simulação de finalização de compra**: Simula a finalização da compra dos itens selecionados.

---

## Técnologias usadas

Front-end:

- [React](https://reactjs.org/)

- [React Router](https://reactrouter.com/en/main)

- [TypeScript](https://www.typescriptlang.org/)

- [Context API](https://reactjs.org/docs/context.html)

- [Bootstrap 5](https://getbootstrap.com/)

- CSS3

## Entre em contato: