https://labeninjas-grupo4.surge.sh
Projeto de uma plataforma de marketplace, servindo para dois tipos de clientes: prestadores de serviço e o contratante. O site conta com a área de cadastro, lista de serviços, e a do carrinho. Na página de lista de serviços é possível ver os detalhes de cada serviço ofertado.
Ana Sue Sammi;
Diane Silva de Araujo;
Gabriel Martins;
Gabriela Hermenegildo Júnior;
Ronald Santiago.
Header da plataforma presente em todas as páginas, que conta com o nome do site, um botão para ir para a página Home e outro para ir para a página do Carrinho.
Página inicial com os botões para ir para a página de cadastro e para a página de serviço. A página também contém a Arte proposta e uma breve descrição sobre o que é LabeNinjas.
A página contém um formulário para cadastrar serviços na plataforma. É possível colocar o título do serviço, descrição, valor, formas de pagamento e prazo.
A página, enquanto carrega possui um loading animado feito em CSS. Quando carregada, aparecem cards de serviços ofertados, com o título, prazo e valor. Os cards possuem um botão para ver os detalhes sobre o serviço e outro botão para adicionar ao carrinho. Não é possível adicionar o mesmo serviço ao carrinho mais de uma vez. Além disso, é possível filtrar os serviços por valor mínimo e máximo, buscar por título e ordernar por valor em ordem crescente e decrescente, título e prazo.
A página de detalhes mostra o mesmo Card do serviço selecionado, com mais informações sobre o trabalho. O Card possui um botão para adicionar ao carrinho, um para o contratante deletar o serviço e outro para voltar para a lista de serviços.
A página quando vazia mostra uma mensagem que o carrinho está vazio e quando serviços são adicionados a ele aparece um card com o título do serviço, seu valor e um botão para excluir do carrinho. Também mostra o valor total dos serviços adicionados e um botão para finalizar a compra e contratar os serviços. É possível retornar para a lista de serviços através do botão de voltar. Os serviços permanecem no carrinho mesmo que a página seja atualizada.
A plataforma foi criada desktop-first mas é responsiva para qualquer mobile.
