Descrição 📄
Requisitos e Funcionalidades 📋
Fluxograma de processo 📊
Diagrama de Caso de Uso 📚
Wireframes 📝
Protótipos Alta Fidelidade 🖥️
Tecnologias Utilizadas 💻
Pré-requisitos 🛠️
Configuração e Instalação ⚙️
Contribuições 🤝
Este é um projeto feito para a matéria de Laboratório e simulação de prototipagem, da faculdade de ADS. Foi desenvolvido o protótipo de baixa fidelidade e alta fidelidade. Este projeto tem como público alvo o setor de alimentação, focando especificamente em lancherias e serviços correlatos. Há uma vasta gama de oportunidades para a aplicação de tecnologias que podem trazer melhorias significativas nas diversas etapas do processo, desde o cadastramento de cardápios até a interação com clientes e fornecedores.
O objetivo deste projeto é aprimorar e modernizar os processos de venda online e entrega de sanduíches da Lancheria Quiosque do Parque, situada em Canoas, RS. A solução proposta envolve o desenvolvimento de um aplicativo móvel para pedidos, a utilização de hospedagem em nuvem para armazenamento de dados, e a implementação de um sistema integrado de gerenciamento para otimizar o atendimento e a entrega dos produtos.
Sistema de Gerenciamento de Pedidos:
- Visualização, preparação, e registro de entregas de pedidos;
- Interação direta com os clientes para esclarecimento de dúvidas ou solicitações especiais;
Cadastro e Login de Usuário:
- Facilidade para novos usuários se cadastrarem e usuários existentes acessarem o sistema;
- Recuperação de senha e manutenção de perfil;
Seleção e Personalização de Produtos:
- Escolha de produtos com opções de personalização como adição ou remoção de ingredientes;
- Seleção de quantidades e variações do produto;
Carrinho de Compras:
- Revisão e modificação de itens no carrinho antes da finalização do pedido;
- Resumo detalhado com preços e opções selecionadas.
Opções de Pagamento:
- Múltiplas formas de pagamento incluindo cartão de crédito, débito, e pagamento na entrega;
Acompanhamento de Pedido:
- Monitoramento em tempo real do status do pedido, desde a colocação até a entrega;
Histórico de Pedidos:
- Acesso fácil a pedidos anteriores para facilitar novos pedidos;
Avaliações e Feedback:
- Sistema para clientes deixarem avaliações dos produtos e feedbacks sobre a experiência de serviço;
Notificações:
- Alertas sobre o status do pedido, promoções e novidades via notificações push;
Integração com Redes Sociais:
- Compartilhamento de pedidos e experiências nas principais redes sociais;
Localização e Mapas:
- Visualização da localização das lanchonetes no mapa e cálculo de rotas.
Suporte ao Cliente:
- Canal de suporte para resolver dúvidas ou problemas relacionados aos pedidos.
Gerenciamento de Pedidos:
- Interface para acompanhamento e atualização do status dos pedidos;
Comunicação Interna:
- Sistema de mensagens internas para facilitar a comunicação e coordenação entre os colaboradores;
Gestão de Estoque:
- Monitoramento de estoque com notificações para reabastecimento necessário;
Registro de Entregas:
- Funcionalidade para registrar entregas concluídas e a confirmação de recebimento pelo cliente;
Relatórios de Desempenho:
- Acesso a análises de desempenho, como número de pedidos processados, tempo médio de entrega, entre outros;
Treinamento e Suporte:
- Recursos educacionais e suporte técnico disponíveis no aplicativo para maximizar a eficiência dos colaboradores;
Configurações de Conta de Colaboradores:
- Opções para os colaboradores gerenciarem suas informações pessoais e de login;
Nas imagens a seguir, para melhor compreensão dos recursos e do funcionamento da solução, são apresentados o fluxograma de processo para o cliente e para o restaurante
- React: Usado para construir a interface do usuário devido à sua eficiência em renderização e vasto ecossistema de componentes reutilizáveis.
- Sass: Sass (Syntactically Awesome Stylesheets) é um pré-processador CSS que estende as capacidades do CSS tradicional. Ele permite a utilização de variáveis, aninhamento de regras, mixins, herança, entre outras funcionalidades avançadas, que tornam a escrita de estilos mais dinâmica e eficiente.
- Vercel: Vercel é uma plataforma de hospedagem e desenvolvimento voltada para front-end, conhecida por sua simplicidade e eficiência. Ela permite o deploy contínuo de aplicações, integrando-se facilmente com repositórios de código como GitHub.
A seguir são apresentados os links de acesso para os modelos de baixa fidelidade desenvolvidos para o software para o ambiente do cliente e do restaurante. Ambos os modelos possuem botões clicáveis.
Link wireframe lancheria clientes
Link wireframe lancheria colaboradores
A seguir são apresentados os links de acesso para os modelos de alta fidelidade desenvolvidos para o software para o ambiente do cliente e do restaurante. Ambos os modelos possuem botões clicáveis.
Link protótipo alta fidelidade lancheria clientes
Link protótipo alta fidelidade lancheria colaboradores
Certifique-se de ter instalados antes de executar o projeto:
- Node.js - (v.20.10.0)
- npm - (v.10.5.2)
- Clone este repositório para o seu ambiente local.
git clone https://github.com/htamagnus/lancheria-clientes-react.git- Navegue até a pasta back-end e execute o seguinte comando para instalar as dependências (Node 20):
npm install- Inicie o projeto com o seguinte comando:
npm run startSinta-se à vontade para contribuir para este projeto. Se você encontrar problemas ou tiver sugestões de melhorias, abra uma issue ou envie um pull request.