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/
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.
- 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
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
- Utilizar socket.io para atualização em tempo real
- Validar dados de login e registro no front-end
- Aplicar responsividade
Esse projeto foi desenvolvido com:
# 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