Propomos uma evolução do projeto Empresta.aí, realizado pela mesma equipe no semestre de 2023.2, que foi pensado, até então, para que pessoas compartilhassem objetos entre elas. Visando evoluir o projeto para que atinja novos públicos, o Empresta.aí contará com a nova funcionalidade de compra e venda de produtos. O foco, além de empréstimo, agora também é na venda de produtos usados. O diferencial em relação a outros concorrentes no mercado é que o produto pode ser inicialmente emprestado e, caso haja interesse do usuário, pode ser efetivada a compra dele. Baseado nessa evolução, nesse trabalho foi detalhado a visão do novo produto, enfatizando as novas funcionalidades com relação à versão anterior; identificamos as partes interessadas e as relações de forças entre elas; enumeramos três personas e suas jornadas; realizamos um protótipo, com as telas e o fluxo entre elas e por fim, desenvolvemos o mínimo produto viável. Este trabalho ressalta a importância da definição da visão de produto, das personas, das jornadas do usuário e do protótipo funcional. Esses elementos são fundamentais para o desenvolvimento de um produto bem-sucedido, atendendo às necessidades do mercado e dos usuários.
O funcionamento da aplicação web, bem como a interface e a jornada do usuário podem ser visualizados no vídeo de demonstração, disponível no link abaixo.
Pdf com o conteúdo da segunda entrega do projeto integrador 2401.
Usamos o Figma para realizar um esboço das interfaces do projeto.
-> Acessar o o fluxo (flow) no figma do projeto
Para escolher a paleta de cores do projeto, utilizamos o Color Hunt.
-> Acessar a paleta de cores do projeto
-
Usando a extensão LiveServer no Visual Studio Code, que permite criar um servidor local para desenvolvimento web.
-
Para instalar a extensão:
- Abra o VS Code e vá até a aba de extensões.
- Pesquise por "Live Server" na barra de busca.
- Clique em "Instalar" na extensão com o nome "Live Server".
-
Para executar o código:
- Abra o arquivo HTML
index.html. - Clique com o botão direito do mouse dentro do arquivo e selecione a opção "Open with Live Server" (Abrir com Live Server) ou clique em Go Live.
- O VS Code abrirá automaticamente o código no navegador, permitindo a visualização do resultado em tempo real.
- Abra o arquivo HTML
-
- Acessar Repositório no GitHub
- Acessar Collection do Postman
- As rotas podem ser chamadas através de https://empresta-ai.onrender.com.
- FrontEnd
- HTML
- CSS
- Flex-box
- Media queries
- JavaScript
- BackEnd
- Node JS
- Express JS
- JWT
- Nodemon
- Banco de Dados
- MySQL