[Portfólio] Bazar da Kim

Friday. April 03, 2020

[Portfólio] Bazar da Kim

Olá!

Esse sistema eu fiz há um tempo. Desenvolvi usando PHP e MySQLi em suas últimas versões no backend e Bootstrap para o frontend, obedecendo os modelos e regras de negócios enviados pelo cliente.

O site é de um projeto bem bacana, o Bazar da Kim. Todo lucro e alimentos arrecadados no bazar foram doados para o Projeto Dorcas que ajuda famílias carentes em Almirante Tamandaré - PR.

O sistema conta com a página inicial dinâmica. Todas as informações nela podem ser gerenciadas pelo painel de gerenciamento.

Conta também com a parte de venda de ingressos, onde as pessoas se cadastram, preenchem os dados dos ingressos e fazem o pagamento - que é integrado com o PagSeguro. Nessa parte nós enfrentamos alguns problemas de compatibilidade da plataforma pagseguro com dispositivos móveis, felizmente algumas das medidas que eu tomei foram suficientes para resolver os contratempos.

No painel de controle é possível gerenciar os dados da página inicial, os ingressos, entre outras funções básicas. Ainda sobre os ingressos, é possível gerar uma lista com todos os ingressos para cada dia do evento, com seus devidos dados de autenticação e validações - para a entrada das pessoas no evento.

O que eu fiz

  • O sistema completo.

Screenshot

Página inicial

Screenshot

Página inicial

Screenshot

Página inicial - área dinâmica

Screenshot

Página inicial - área dinâmica

Screenshot

Página inicial - área dinâmica

Screenshot

Página inicial

A parte de compra de impressos é feita em 4 simples etapas, conforme mostradas nas prints do sistema abaixo.

Screenshot

Comprar ingressos - Etapa 1

Preenchendo o CPF na etapa 1, o sistema verifica se a pessoa já tem um cadastro no sistema. Se sim, os dados de cadastro são recuperados; caso contrário, a pessoa preenche os dados de cadastro na etapa 2.

Screenshot

Seus dados - Etapa 2

Preenche informações dos ingressos.

Screenshot

Dados dos ingressos - Etapa 3

A última etapa, onde são revisados os dados da compra. Ao clicar para fazer pagamento, é aberto o lightbox do PagSeguro para a finalização da compra.

Screenshot

Revisar dados - Etapa 4

O usuário pode consultar as compras realizadas e imprimir seus ingressos, inserindo o CPF.

Screenshot

Consultar compras

Screenshot

Visualizar os ingressos da compra para imprimir

Screenshot

O ingresso gerado pelo sistema com todas as informações que o cliente precisa apresentar no dia do evento.

O painel de gerenciamento, inclui as funcionalidades básicas:

Screenshot

Painel de gerenciamento

É possível filtrar os ingressos, gerar o relatório e imprimir para poder consultar no dia do evento.

Screenshot

Filtrar ingressos

O site estava no ar durante o evento no endereço: https://www.bazardakim.com

Isso é tudo pessoal o/

Ariane Brandão

Ariane Brandão

Tecnóloga em Análise e Desenvolvimento de Sistemas. Desenvolvedora Next.js/React Front-end e apaixonada por tecnologia.