Skip to content

andrecristodev/explorer-food-front-end

Repository files navigation

📝 Sobre

O Food Explorer é uma plataforma digital abrangente voltada para restaurantes, que oferece aos usuários uma experiência completa de pedido e acompanhamento de suas refeições. Com funcionalidades de cadastro de usuário, realização de pedidos e monitoramento de status, os clientes podem de maneira simples e eficiente realizar suas escolhas e acompanhar todo o processo. Personalização de perfis, filtragem de favoritos e sistema de busca contribuem para uma experiência mais conveniente e personalizada.

A funcionalidade principal do carrinho de compras permite aos usuários selecionar os itens de seu interesse e escolher entre duas opções de pagamento: cartão de crédito ou Pix. Essa flexibilidade torna a realização dos pagamentos mais conveniente, de acordo com as preferências individuais.

A figura do Administrador desempenha um papel crucial na plataforma, uma vez que detém o controle sobre o menu do restaurante, podendo adicionar, editar e remover pratos conforme necessário. Além disso, o administrador possui a capacidade de alterar o status dos pedidos, refletindo os diferentes estágios de preparação na cozinha; estas atualizações são prontamente visíveis para os clientes.

O projeto também incorpora recursos adicionais, como a alternância de temas da página, permitindo que os usuários personalizem a aparência da plataforma de acordo com suas preferências visuais. Além disso, a personalização do perfil do usuário, incluindo foto, nome e senha, contribui para uma experiência mais individualizada.

Diversos elementos visuais foram implementados no projeto, visando tornar a plataforma mais atraente e envolvente para os usuários.

Por fim, a adaptabilidade do Food Explorer para diferentes dispositivos é uma característica fundamental, permitindo o acesso e uso conveniente tanto em smartphones quanto em tablets e computadores.

Em resumo, o Food Explorer é uma plataforma digital abrangente, com design bem elaborado, que proporciona aos usuários uma experiência completa de pedido, acompanhamento e personalização.



✅ Instruções de Uso

Clone o projeto para sua máquina.

$ git clone [email protected]:seuusuário/explorer-food-front-end.git

💻 Executando o Front-end

# Navegue até o diretório do FrontEnd
$ cd food-explorer-frontend

# Instale as dependências necessárias
$ npm install

# Inicie o servidor de Front-end com o seguinte comando
$ npm run dev

# O terminal exibirá o endereço local da aplicação. 
Digite esse endereço em seu navegador para acessar a plataforma. 
O endereço utilizado neste exemplo é:

  http://localhost:5173/

🔑 Para testes de administração, utilize as seguintes credenciais:

E-mail: [email protected]
Senha: 123456


O Front-end está hospedado no Vercel. Certifique-se de que o servidor de backend esteja operacional.

⚠ OBS: Vale ressaltar que, devido à natureza do serviço gratuito de hospedagem, o servidor backend pode entrar em estado de hibernação após 15 minutos de inatividade, o que pode resultar em atrasos de até 1 minuto para a resposta, dependendo da carga nos servidores do serviço de hospedagem.