Food Explorer

Cardápio digital para um restaurante fictício

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

📁 Projeto

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.

📃 Páginas

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

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

🛠️ Funcionalidades

A aplicação apresenta as seguintes funcionalidades:

• Login
• Cadastro
• Cadastrar pratos
• Mostrar pratos cadastrados
• Filtrar pratos
• Mostrar detalhes do prato
• Favoritar prato
• Remover prato dos favoritos
• Mostrar favoritos
• Adicionar prato ao carrinho
• Editar prato
• Excluir prato
• Logout

💻 Tecnologias

Este projeto foi desenvolvido com as seguintes tecnologias:

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

💡 Utilização

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/madalena-rocha/food-explorer-frontend

2. Acesse a pasta do projeto:

$ cd food-explorer-frontend

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.

👩🏾‍💻 Personas

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: admin@email.com
• Senha: admin123

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: user@email.com
• Senha: user123

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.

📝 Licença

Este projeto está sob a licença MIT.

---

Feito com 💜 by Madalena 👋🏾