https://github.com/joaoespacheco/trybe-project-15-online-store
Aplicação React de uma loja online simplificada
https://github.com/joaoespacheco/trybe-project-15-online-store
agile agile-development css html javascript react react-router
Last synced: about 1 month ago
JSON representation
Aplicação React de uma loja online simplificada
- Host: GitHub
- URL: https://github.com/joaoespacheco/trybe-project-15-online-store
- Owner: joaoespacheco
- Created: 2022-11-14T21:51:35.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-01-12T02:14:03.000Z (over 2 years ago)
- Last Synced: 2025-01-22T09:33:13.435Z (3 months ago)
- Topics: agile, agile-development, css, html, javascript, react, react-router
- Language: JavaScript
- Homepage:
- Size: 434 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Online Store 🛍️
## 📄 Sobre:
Projeto desenvolvido em grupo durante o módulo de front-end do curso de desenvolvimento web da [Trybe](https://www.betrybe.com/).
Neste projeto foi desenvolvido a aplicação React de uma loja online simplificada (sem persistência de banco de dados).
Através da loja os usuários poderão:
> * Buscar produtos por termos e categorias
> * Interagir com os produtos buscados de modo a adicioná-los e removê-los de um carrinho de compras em diferentes quantidades
> * Visualizar detalhes e avaliações prévias de um produto, bem como criar novas avaliações
> * Simular a finalização da compra dos itens selecionados
Os dados dos produtos utilizados foram obtidos através da API do Mercado Livre.
Durante a elaboração do projeto foram utilizadas metodologias de desenvolvimento ágil.
#### Observações:
Apesar dos requisitos obrigatórios e bônus do projeto estarem cumpridos há espaço para melhorias dentro da aplicação e por isso a fase de desenvolvimento ainda está em progresso.
Tarefas em andamento:
> * Testes automatizados
> * Estilização
Desempenho
Aprovado com 100% de desempenho em todos os requisitos
Requisitos
Requisitos obrigatórios:
1. Implemente o módulo de acesso à api do Mercado Livre
2. Crie uma página de listagem de produtos vazia
3. Crie a página do carrinho de compras
4. Liste as categorias de produtos disponíveis via API na página principal
5. Liste os produtos buscados por termos, com os dados resumidos, associados a esses termos
6. Selecione uma categoria e mostre somente os produtos daquela categoria
7. Redirecione para uma tela com a exibição detalhada ao clicar na exibição resumida de um produto
8. Adicione produtos ao carrinho a partir da tela de listagem de produtos
9. Adicione um produto ao carrinho a partir de sua tela de exibição detalhada
10. Visualize a lista de produtos adicionados ao carrinho em sua página e permita a manipulação da sua quantidade
11. Avalie e comente acerca de um produto em sua tela de exibição detalhada
12. Finalize a compra vendo um resumo dela, preenchendo os seus dados e escolhendo a forma de pagamento
Requisitos bônus:
13. Mostre junto ao ícone do carrinho a quantidade de produtos dentro dele, em todas as telas em que ele aparece
14. Limite a quantidade de produtos adicionados ao carrinho pela quantidade disponível em estoque
15. Mostre quais produtos tem o frete grátis
Visualizar projeto
:construction: Área em construção ! :construction:
## ⚙️ Execução
Faça o clone deste repositório com o seguinte comando:
git clone [email protected]:joaoespacheco/Trybe-Project-15-online-store.git
Dentro da pasta raiz do projeto, instale as dependências com o seguinte comando:
npm install
Inicie a aplicação com o comando abaixo:
npm start
## 🤹🏽 Habilidades Desenvolvidas:
* Trabalhar em grupo utilizando metodologias de desenvolvimento ágil
* Desenvolver uma aplicação React
* Consumir dados de uma API
* Utilizar React Router
* Criar múltiplas páginas e rotas
## 🧰 Ferramentas:
* HTML
* CSS
* JavaScript
* React
* React Router
* Trello
## 📝 Desenvolvido por:
* [João Emanuel Soares Pacheco](https://github.com/joaoespacheco)
* [Isabelly Vieira](https://github.com/Isa-Vieira)
* [Lizandra Debussy](https://github.com/Lizandra-Debussy)
* [Cássius Matheus](https://github.com/cassiusmatheus)
* [Júnior Britto](https://github.com/JuniorBritto)