anatfernandes / my-market-frontend

Site de supermercado online.

🛒 My Market

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!

🔨 Funcionalidades

• 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

🛠️ Abrir e rodar o projeto

1. Clone esse repositório:

git clone https://github.com/AnaLTFernandes/my-market-frontend.git

2. Na raiz do projeto, instale as dependências:

npm install

3. Instale e configure o backend

4. Configure o arquivo .env usando como base o arquivo .env.example

5. Inicie o programa:

npm start

6. Acesse http://localhost:3000 no seu navegador e aproveite!