Food Explorer

Projeto   |    Páginas   |    Funcionalidades   |    Tecnologias   |    Utilização   |    Personas   |    Considerações Finais   |    Licença

📁 Projeto

O projeto Food Explorer é o Front-end do desafio final do programa Explorer da Rocketseat. Trata-se de uma aplicação de cardápio digital para um restaurante. Já o back-end, responsável pela API, 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

🛠️ Funcionalidades

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

💻 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/daiaanebarbosaf/foodexplorer

2. Acesse a pasta do projeto:

$ cd foodexplorer

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 comum. Você pode criar um novo usuário ou testar a aplicação usando os usuários já cadastrados:

Admin:

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

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: 123456

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.

Considerações Finais

Com imensa satisfação, compartilho com você o meu primeiro projeto Full Stack em JavaScript, utilizando as tecnologias React e Node!
Esta jornada foi extremamente desafiadora, proporcionando um aprendizado que vai além do que qualquer linguagem pode traduzir.
Espero que aprecie o que foi desenvolvido aqui.
Estou aberta a sugestões e feedbacks, pois a verdadeira beleza está na constante evolução!

📝 Licença

Este projeto está sob a licença MIT.

---