/Food-Explorer-Frontend

Este projeto é uma aplicação de e-commerce voltada para pedidos e vendas de pratos. Foi desenvolvido como parte de um desafio de desenvolvimento web. A aplicação é construída utilizando as tecnologias React, Vite, JavaScript, Styled Components e React Data Grid Table.

Primary LanguageJavaScript

Food Explorer - Aplicação de E-commerce

Food Explorer Preview

A Food Explorer é uma aplicação de frontend voltada para pedidos e vendas de pratos em um e-commerce. Construída utilizando as tecnologias React, Vite, JavaScript, Styled Components e React Data Grid Table, ela oferece uma experiência intuitiva e interativa para os usuários ao explorarem e realizarem pedidos dos deliciosos pratos disponíveis.

Acesso à Aplicação

A aplicação está implantada em dois ambientes diferentes:

Ambiente de Produção

O ambiente de produção contém dados já inseridos e está disponível em: https://food-explorer-prod.vercel.app/

Usuário Admin:

Outros Usuários Cadastrados:

  1. Email: user@gmail.com / Senha: 123456
  2. Email: teste@gmail.com / Senha: 123456
  3. Email: 123456@gmail.com / Senha: 123456
  4. Email: teste2@gmail.com / Senha: 123456

Ambiente de Desenvolvimento

O ambiente de desenvolvimento não contém dados registrados e está disponível em: https://food-explorer-dev.netlify.app/

Usuário Admin:

Funcionalidades Principais

A Food Explorer oferece as seguintes funcionalidades principais:

  • Autenticação de usuários e permissões para o administrador editar e gerenciar o catálogo.
  • Visualização do catálogo de pratos disponíveis para venda.
  • Filtro e pesquisa para encontrar pratos específicos.
  • Adição de pratos ao carrinho de compras.
  • Histórico de pedidos, pesquisar por status específico.
  • Adicionar e remover favoritos pesquisa para encontrar pratos específicos.
  • Visualização do carrinho de compras com resumo dos itens selecionados.
  • Finalização do pedido com opção de escolher método de pagamento.

Instalação e Execução

Para executar o frontend localmente, siga os passos abaixo:

  1. Clone o repositório para sua máquina local.

  2. Instale as dependências do projeto utilizando o npm:

npm install

  1. Certifíque-se que serviço da API esteja em execução.

  2. Execute o projeto:

npm run dev
  1. Acesse a aplicação no navegador em http://localhost:5173/.

Considerações Finais

A aplicação Food Explorer é um projeto desenvolvido como parte do meu aprendizado em desenvolvimento web, sendo este o desafio final proposto pelo curso Explorer da Rocketseat. Sinta-se à vontade para explorar o código-fonte e fornecer feedback. Espero que essa aplicação possa ser útil como referência ou como base para projetos futuros.

Se tiver alguma dúvida ou precisar de ajuda, fique à vontade para entrar em contato comigo através do email: franciscoylderlan@gmail.com.

Obrigado por acessar a aplicação Food Explorer!

Licença

Este projeto está licenciado sob a licença MIT.

🔗 Links

linkedin

Autor