A Trybe é 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, Deborah Costa, Wesley Martins, João Souza e Vinicius Ramos.
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.
O projeto foi desenvolvido em JavaScript utilizando a biblioteca ReactJS, as rotas da aplicação foram elaboradas com React Router 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 e StyleLint.
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
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.
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