Cardápio digital para um restaurante fictício

Projeto   |    Páginas   |    Funcionalidades   |    Tecnologias   |    Utilização   |    Personas   |    Licença

O projeto Food Explorer consiste no desafio final do programa Explorer da Rocketseat. Trata-se de uma aplicação de cardápio digital para um restaurante fictício.

O front-end do projeto, responsável pela interface do usuário, está disponível neste repositório. Já o back-end, que lida com a lógica e o armazenamento dos dados, está disponível aqui.

A aplicação conta com as seguintes páginas:

• Login
• Cadastro
• Home
• Detalhes do prato
• Novo prato
• Editar prato

A aplicação apresenta as seguintes funcionalidades:

• Login
• Cadastro
• Cadastrar pratos
• Mostrar pratos cadastrados
• Filtrar pratos
• Mostrar detalhes do prato
• Editar prato
• Excluir prato
• Logout

Este projeto foi desenvolvido com as seguintes tecnologias:

• Axios
• ReactJS
• ReactDOM
• phosphor Icons
• React Responsive
• React Router Dom
• Styled Components
• Swiper
• ViteJS

A aplicação Food Explorer está disponível para uso aqui.

Você também pode executá-la em sua máquina localmente. Certifique-se de ter o Node.js e o npm instalados antes de prosseguir com as etapas abaixo:

1. Clone o projeto:

$ git clone https://github.com/4llves/foodExplorerFrontEnd

2. Acesse a pasta do projeto:

$ cd foodExplorerFrontEnd

3. Instale as dependências:

$ npm install

4. Inicie o servidor:

$ npm run dev

⚠️ Importante: Este projeto utiliza uma hospedagem gratuita para o back-end, portanto, pode haver atrasos no tempo de resposta do servidor.

O Food Explorer possui duas personas principais: o admin e o usuário. Você pode criar um novo usuário ou testar a aplicação usando as seguintes informações de login:

Admin:

• E-mail: [email protected]
• Senha: asdf

O admin tem acesso privilegiado e pode gerenciar o cardápio, adicionando, editando e removendo pratos, além de executar outras tarefas administrativas.

Usuário:

• E-mail: [email protected]
• Senha: asdf

O usuário tem acesso restrito às funcionalidades da aplicação, podendo visualizar o cardápio, filtrar pratos, ver detalhes de pratos específicos, favoritar pratos e adicionar pratos ao carrinho.

Este projeto está sob a licença MIT.

Feito com 💜 by 4llves 👋🏾