Site de supermercado que fornece acesso a uma visão geral de tudo o que é oferecido no mercado ao listar todos os produtos disponíveis.
Os filtros e as opções de ordenação oferecidas tornam a busca por produtos específicos ainda mais fácil, uma vez que é possível pesquisar diretamente pela categoria ou o nome do produto desejado, bem como ordenar os itens pelo campo que mais lhe interessar. Ademais, a página de produto fornece informações detalhadas sobre um produto específico. Com essa opção, é possível obter informações como nome, categoria, descrição, preço e imagem do produto de interesse.
O My Market torna a experiência de compras ainda mais prática e eficiente, ajudando você a economizar tempo e dinheiro enquanto faz suas compras.
Está em busca de inspiração para novas receitas ou deseja explorar novos produtos e marcas? My Market pode te ajudar!
- Layout responsivo
- Listar produtos
- Pesquisar produtos pelo nome
- Filtrar produtos pela categoria
- Ordenar produtos pelo nome, menor preço, maior preço e categoria
- Adicionar/Remover itens do carrinho
- Listar produtos no carrinho
- Tela de detalhes do produto
- Clone esse repositório:
git clone https://github.com/AnaLTFernandes/my-market-frontend.git
- Na raiz do projeto, instale as dependências:
npm install
-
Instale e configure o backend
-
Configure o arquivo
.env
usando como base o arquivo.env.example
-
Inicie o programa:
npm start
- Acesse http://localhost:3000 no seu navegador e aproveite!