Food Explorer

Projeto realizado como trabalho de conclusão do curso de Desenvolvimento FullStack do programa Explorer da Rocketseat.

Preview   |    Projeto   |    Funcionalidades   |    Tecnologias   |    Deploy   |    Perfis   |    Instalação   |    Backend   |    Layout   |    Licença   |    Autora   |    Contato   |   

💡 Preview

💻 Projeto

Projeto realizado como parte do desafio final do curso Explorer da @Rockeseat.
A proposta é o desenvolvimento de uma aplicação de ponta a ponta com front-end e back-end simulando um restaurante fictício e seu cardápio digital respeitando o layout disponibilizado no Figma.
Esse projeto será revisado pelos instrutores da instituição afim de avaliar os conhecimentos adquiridos bem como suas utilizações no desenvolvimento dessa aplicação. Servindo assim como um trabalho de conclusão necessário para a avaliação e certificação do curso de Desenvolvedor FullStack.

🛠️ Funcionalidades

• Login
• Cadastro de usuários
• Mostrar cards com os pratos cadastrados
• Pesquisa dos pratos por nome e ingredientes
• Página com detalhes do prato
• Adicionar pratos aos favoritos
• Página com pratos favoritados pelo usuário
• Página de cadastro de novos pratos para usuários administradores
• Possibilidade de editar informações do prato pelo administrador
• Excluir prato nas rotas de administrador
• Logout

🦾 Tecnologias

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

🚀 Deploy

O projeto está hospedado na Netlify e pode ser acessado em:

• FoodExplorer - Thalyta

Para efetuar login na aplicação, utilize as credenciais da aba perfil abaixo.

👥 Perfis

Administrador:

• login: admin@email.com
• senha: 654321

Usuário:

• login: user@email.com
• senha: 123456

🛠️ Instalação

🚧 Pré-requisitos

• Node.js
• npm

⚠️ É necessário realizar o deploy local do backend da aplicação, por isso acesse o repositório ThalytaRangel/foodexplorer-api e siga as instruções para a execução da aplicação localmente. Depois de feito você pode seguir com o passo a passo abaixo.

Para executar a aplicação localmente basta seguir os seguintes passos:

1. 📥 Clone o projeto:

git clone https://github.com/ThalytaRangel/foodexplorer.git

2. 📂 Acesse a pasta do projeto:

$ cd foodexplorer

3. 📦 Instale as dependências:

$ npm install

4. ▶️ Inicie o servidor:

$ npm run dev

5. 📡 Acesse o endereço de localhost, conforme o exemplo abaixo

 VITE v4.5.1  ready in 1093 ms

  ➜  Local:   http://localhost:5173/

⚠️ Atenção: Essa aplicação utiliza uma api que encontra-se armazenada em um serviço de hospedagem de backend gratuita. Por esse motivo, pode haver atrasos na resposta do servidor sobretudo nas primeiras requisições quando ocorre o cold start.

🔙 Backend

O backend desta aplicação encontra-se no repositório:

• ThalytaRangel/foodexplorer-api

🎨 Layout

📝 Licença

Este projeto está sob a licença MIT.

---

👩‍💻 Autora

☎️ Contato