🍔 food explorer - Frontend

food explorer é uma aplicação que simula o site de restaurante, ou seja um cliente pode fazer pedidos, e administrador gerencia esses pedidos.

📖 Sumário

• Pré-Visualização
• Aviso
• Sobre
• Tecnologias
• Funcionalidades
• Autor

🎬 Pré-Visualização

📢 Aviso

• O projeto está finalizado, mas poderá ter melhorias no futuro.

• Você pode testar a aplicação clicando aqui!

• Você também pode clonar o repositório, e executar a aplicação localmente.

📝 Sobre

Este é o projeto final do programa Explorer da Rocketseat, aonde foi proposto a construção de uma aplicação para gerenciar os pedidos de um restaurante. Basicamente a aplicação tem 3 personas:

• Visitante: tem acesso a home, pode fazer a busca prato pelo nome, visualizar os pratos de forma detalhada e também pode adicionar produtos ao carrinho.
• Cliente: tem as mesmas funcionalidades de um visitante, com o acréscimo de poder adicionar produtos aos favoritos, finalizar uma compra, ver todos os seus pedidos feitos, ver a situação de um pedido especifico e atualizar as informações de seu perfil (nome, e-mail, senha).
• Administrador: tem os mesmos acessos de um cliente com a exceção de favoritar pratos, e fazer pedidos, e com a acréscimo de cadastrar pratos, editar pratos, editar a situação de um pedido, e visualizar todos os pedidos feitos no site.

💾 Tecnologias

• ReactJS - utilizado para construir as interfaces;
• JS - usado para fazer toda a lógica da aplicação;
• Styled Components - utilizado para fazer a estilização;
• Git - responsável por realizar o versionamento do código.
• Axios - utilizado para fazer as requisições.
• Vite - usado para criar um projeto React;
• NPM - utilizado para realizar a instalação das dependências;

🔨 Funcionalidades

• Mostrar todos pratos;
• Mostrar um prato especifico;
• Fazer a busca de um prato pelo nome;
• Adicionar ao carrinho;
• Visualizar o carrinho;
• Criar conta;
• Fazer login;
• Atualizar informações da conta;
• Adicionar um prato aos favoritos;
• Fazer um pedido;
• Ver a todos os seus pedidos;
• Ver os detalhes de um pedido especifico;
• Cadastrar um prato;
• Editar um prato;
• Editar a situação de um pedido;
• Visualizar todos os pedidos feitos por todos os clientes;

💡 Utilização

• Para utilizar esse projeto localmente, primeiro você precisará instalar o backend conforme essa documentação.

• Comece clonando o projeto:

  $git clone https://github.com/devgustavosantos/food_explorer-frontend

• Entre no diretório:

  $cd ood_explorer-frontend
/

• Instale as dependências:

  $npm install

• Defina a variável local, conforme o endereço que será gerado no backend. Exemplo:

  VITE_BASE_URL=http://localhost:3333

• Inicie um servidor local para o frontend:

  $npm run dev

• Se tudo der certo, você receberá uma mensagem parecida com essa:

  VITE v3.0.9  ready in 1989 ms

  ➜  Local:   http://127.0.0.1:5173/
  ➜  Network: use --host to expose

• Agora abra seu navegador no endereço que foi informado no "Local" para testar a aplicação.

---

Esses são os recursos disponíveis nessa Aplicação, se algum recurso não funcionar como o esperado, verifique essa documentação e tente novamente.

Caso persista, por favor,entre em contato com [email protected].

🤓 Autor

Feito com ❤️ por Dev Gustavo Santos 😀 Veja meu LinkedIn.