https://github.com/larissaperinoto/online-store

A aplicação é uma loja online que permite buscar por produtos e adicioná-los ao carrinho.
https://github.com/larissaperinoto/online-store

css3 html5 javascript kanban react-router reactjs scrum

Last synced: 3 months ago
JSON representation

A aplicação é uma loja online que permite buscar por produtos e adicioná-los ao carrinho.

• Host: GitHub
• URL: https://github.com/larissaperinoto/online-store
• Owner: larissaperinoto
• Created: 2022-12-02T14:11:03.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-12-02T14:37:28.000Z (over 3 years ago)
• Last Synced: 2025-07-18T23:37:40.436Z (12 months ago)
• Topics: css3, html5, javascript, kanban, react-router, reactjs, scrum
• Language: JavaScript
• Homepage:
• Size: 424 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Online Store

A [Trybe](https://www.betrybe.com/) é uma escola de tecnologia com foco em formação de Desenvolvedores Web e o projeto Online Store foi proposto como atividade de aprimoramento dos estudos sobre desenvolvimento front-end com ReactJS. 

O projeto foi elaborado com o seguinte time de desenvolvedores: [Larissa Perinoto](https://github.com/larissaperinoto), [Deborah Costa](https://github.com/DeborahCosta), [Wesley Martins](https://github.com/xWesleyMartins), [João Souza](https://github.com/rsajoao) e [Vinicius Ramos](https://github.com/viniramoss).

### Objetivo

A aplicação desenvolvida é uma loja online que permite o usuário pesquisar por produtos, selecionar produtos através de categorias, adicionar produtos ao carrinho e editar produtos que estão no carrinho. Os produtos presentes nesta aplicação foram consumidos da API do Mercado Livre.

### Tecnologias e Ferramentas



 

  

  

  

  

  






O projeto foi desenvolvido em JavaScript utilizando a biblioteca [ReactJS](https://pt-br.reactjs.org/), as rotas da aplicação foram elaboradas com [React Router](https://reactrouter.com/en/main) e o gerênciamento de estada realizado com Context API e Hooks. Para alinhar o código com as boas práticas de desenvolvimento foram utilizadas as ferramentas [ESLint](https://github.com/eslint/eslint) e [StyleLint](https://stylelint.io/).

As rotas utilizadas da API do Mercado Livre foram as seguintes:

- Listagem de categorias de produtos: https://api.mercadolibre.com/sites/MLB/categories

- Busca de um produtos pelo nome: https://api.mercadolibre.com/sites/MLB/search?q=$QUERY

- Busca de produtos pela categoria: https://api.mercadolibre.com/sites/MLB/search?category=$CATEGORY_ID

- Busca de produtos pelo nome e pela categoria: https://api.mercadolibre.com/sites/MLB/search?category=$CATEGORY_ID&q=$QUERY

- Detalhes de um produto: https://api.mercadolibre.com/items/$PRODUCT_ID

### Desenvolvimento

O projeto foi desenvolvido através de metodologia ágil utilizando o framework Scrum para gerênciamento do projeto e a metodologia Kanban para acompanhamento de tarefas e acompamento visual das atividades.

### Execução do projeto

   Saiba mais 

  

  Para executar o projeto na sua máquina, inicie fazendo o clone deste repositório com o comando abaixo 

      git clone git@github.com:larissaperinoto/online-store.git

  Utilize o comando abaixo para instalar as dependências após o clone do repositório.

        npm install

  Para iniciar o projeto utilize o comando abaixo.

        npm start