Skip to content

Latest commit

 

History

History
90 lines (53 loc) · 3.96 KB

README.md

File metadata and controls

90 lines (53 loc) · 3.96 KB

Food Explorer - Desafio Final (Front-End)

Neste desafio, foi desenvolvido o food explorer, um menu interativo para um restaurante fictício. Construir uma aplicação de ponta a ponta com front-end e back-end, utilizando as teconologias aprendidas no Explorer, simulando um restaurante. Uma aplicação completa que vai desde a visualização de um prato até o pagamento do mesmo, bem como a versão mobile do projeto.

O food explorer terá dois perfils: o admin e o usuário;

O admin é a pessoa responsável pelo restaurante, logo, pode criar, visualizar, editar e apagar um prato a qualquer momento. Cada prato contem uma imagem, um nome, uma categoria, uma breve descrição, os ingredientes e o seu preço. Ao clicar em adicionar prato, o admin recebe uma mensagem de sucesso e é redirecionado para a página principal;

O usuário, após fazer o cadastro, irá visualizar todos os pratos cadastrados e, quando clica em um prato, é redirecionado para uma nova tela com informações mais detalhadas sobre ele.

Características

  • Poderão ser criados novos usuários através da tela de SingUp.
  • Por padrão todos os usuários criados serão consumidores.
  • Os consumidores poderão pesquisar por pratos, inserir itens no carrinho, remover itens, selecionar o tipo de pagamento e realizar o pedido.
  • O consumidor também poderá revisar os itens do carrinho antes de realizar o pagamento, removendo os itens caso queira.
  • Ao realizar o pagamento o pedido é efetuado realizando o cadastramento do pedido no banco de dados.
  • Administradores poderão inserir novos pratos, fazer upload da imagem, selecionar categoria, definir o preço, nome do prato e descrição.
  • Os administradores também poderão excluir ou alterar pratos já existentes.
  • Poderão ser realizadas pesquisas pelos pratos cadastrados.
  • A autenticação dos usuários será por JWT, com validação por senha a qual será criptografada no banco de dados.
  • O layout desenvolvido é do tipo responsivo (Mobile First), funcionando em vários tamanhos de telas.
  • As APIs utilizadas foi desenvolvidas para esta aplicação.
  • Aplicado o conceito de Inversão de dependência na API do usuário.

Deploy

Back-End

Administrador:

Instruções para a execução do projeto:

Front-end

git clone https://github.com/leandrodemello/food-explorer-front

Back-end

git clone https://github.com/leandrodemello/food-explorer-back

Acessar a pasta e instalar as dependências:

npm install

Iniciar o servidor local: (back-end / front-end)

npm run dev

Acessar o endereço fornecido pelo terminal via Browser:

Ex.: Local: http://localhost:3333/

Imagens

página1 página5 página4 página2 página3

Tecnologias usadas

My Skills

Contato

Se você quiser entrar em contato comigo para oportunidades de trabalho, colaborações ou apenas para dizer olá, sinta-se à vontade para me contatar por meio dos seguintes canais:

Email: leandro.devmcz@gmail.com
Portfólio: https://leandromello.dev/
GitHub: https://github.com/leandrodemello
Linkedin: https://www.linkedin.com/in/leandro-mello-47a24823b/

Obrigado pela visita e aproveite a exploração dos projetos!