Logo

GitHub top language GitHub language count Stars Repository Size

Login

🎉 Apresentação

A EatFlavor é uma empresa de delivery com uma proposta inovadora, ter uma única opção de menu durante uma semana inteira. Na era que vivemos somos acostumados a ter tantas opções que muitas vezes não conseguimos escolher. Isso acontece com filmes, delivery e etc... Por isso nós surgimos com o propósito de trazer de volta épocas mais simples. No nosso app, após fazer o cadastro, você só terá uma opção de prato principal, bebida e sobremesa, escolhidos com muito carinho pelo nosso chefe. EatFlavor não é só um app de delivery, é também uma experiencia gastronômica para toda a família. Venha desfrutar desse sabor, registre-se agora em: https://eatflavor-fd.herokuapp.com/

📃 Sobre

Essa aplicação foi desenvolvida como prova técnica full-stack para a empresa EatTasty e este é o repositório front-end, o back-end você encontra em: https://github.com/lucasSCsantos/eat-flavor-back-end. No primeiro momento foi feito o design com Figma utilizando o UI kit do react bootstrap. A aplicação foi desenvolvida com o framework React e TypeScript e contem dois fluxos: Usuário e Administrador. O usuário pode escolher produtos, fazer o checkout e acompanhar seus pedidos e o administrador pode acompanhar e atualizar o status de todos os pedidos. O sistema de roteamento foi desenvolvido com React Router e toda estilização das páginas feitas com React Bootstrap, a aplicação não é responsiva e só deve funcionar em computadores.

🔧 Recursos

User

Usuário

  • Registrar novo usuário
  • Logar como usuário
  • Ver produtos e adicionar ao carrinho
  • Fazer checkout do carrinho de compras
  • Acompanhar pedido
  • Confirmar entrega
  • Listar todos os pedidos do usuário
  • Fazer logout

Administrador

Admin

Email e Senha para o fluxo de administrador
{
  "email": "admin@admin.com",
  "palavra-passe": "adminadmin"
}
  • Logar como administrador
  • Listar todos os pedidos
  • Acompanhar e atualizar status de cada pedido
  • Fazer logout

⏭ Próximos Passos

  • Utilizar socket.io para atualização em tempo real
  • Validar dados de login e registro no front-end
  • Aplicar responsividade

🔨 Tecnologias

Esse projeto foi desenvolvido com:

⬇️ Instalação

  # Clone o repositório:
  $ https://github.com/lucasSCsantos/eat-flavor-front-end

  # Entrar no diretório:
  $ cd eat-flavor-front-end
  
  # Instale as dependencias:
  $ yarn
  
  # Inicie o app:
  $ yarn start
  
  # Depois disso pelo app Expo Go, escaneie o QR code exibido no terminal

Aplicação e Design desenvolvidos por Lucas Santana com ❤