Este projeto é a segunda fase do desenvolvimento de um sistema web para um minimercado, realizado para a disciplina de Fundamentos de Sistemas Web.
O site funcional pode ser acessado através do GitHub Pages aqui.
O site foi desenvolvido para ser uma plataforma atrativa e funcional, apresentando as seguintes características:
- Layout Responsivo: Utilizando o framework Bootstrap, o site se adapta a diferentes tamanhos de tela, como desktops, tablets e celulares.
- Carrossel de Destaques: Uma seção no topo da página exibe produtos ou categorias em destaque de forma rotativa.
- Catálogo de Produtos: Os produtos são exibidos em formato de "cards" com imagem, título, descrição e preço, organizados por categorias.
- Formulário de Cadastro de Cliente: Uma seção dedicada permite que novos clientes se cadastrem na plataforma. O formulário utiliza diversos tipos de campos e validações básicas de HTML5.
- Formulário de Agendamento: Clientes podem agendar a retirada de produtos ou a entrega em domicílio, selecionando uma data e horário específicos.
- Notificações Dinâmicas: Ao enviar um formulário, o usuário recebe uma mensagem de confirmação no canto da tela (Toast), sem a necessidade de recarregar a página, proporcionando uma experiência de usuário mais fluida.
- HTML5: Para a estruturação semântica do conteúdo.
- CSS3: Para a estilização customizada, incluindo a paleta de cores, fontes, sombras e efeitos.
- Bootstrap 5: Framework utilizado para a criação de um layout responsivo e para componentes pré-prontos como o carrossel, cards e formulários.
- JavaScript (ES6): Para adicionar interatividade e dinamismo à página, principalmente na manipulação dos formulários e na exibição de notificações.
- Git & GitHub: Para versionamento de código e hospedagem do projeto.
- GitHub Pages: Para a publicação e disponibilização do site online.