Planos de Saúde - Solução do Site

Esta é uma solução para um site de planos de saúde onde os usuários podem comparar preços de planos com base no seu IMC (Índice de Massa Corporal). O site oferece uma ferramenta que ajusta o preço dos planos conforme a categoria de IMC do usuário, proporcionando uma comparação de preços personalizada.

Índice

• Visão Geral
  • O Desafio
  • Captura de Tela
  • Links
• Processo de Desenvolvimento
  • Tecnologias Usadas
  • O que Aprendi
  • Desenvolvimento Futuro
  • Recursos Úteis
• Autor
• Agradecimentos

---

Visão Geral

O Desafio

O site permite que os usuários:

• Calculam seu IMC inserindo informações pessoais.
• Compare preços de planos de saúde com base no IMC.
• Naveguem pelo conteúdo com um layout responsivo para todos os dispositivos (desktop, tablet, celular).

Captura de Tela

Forms:

Links

• URL da Solução: Veja Minha Solução
• URL do Site ao Vivo: Visite o Site ao Vivo

Processo de Desenvolvimento

Tecnologias Usadas

• HTML5 para estruturação semântica
• CSS3 para estilização, incluindo fontes personalizadas, paleta de cores e layout
• Bootstrap para responsividade usando o sistema de grid e componentes pré-prontos como botões, cartões e formulários
• JavaScript para o cálculo do IMC e para comparar os preços dos planos de saúde com base no IMC do usuário
• Media Queries no arquivo de formulários para ajustes responsivos no layout, adaptando-se a diferentes tamanhos de tela

O que Aprendi

Este projeto foi uma excelente oportunidade para aprimorar minhas habilidades de design responsivo e programação em JavaScript. Trabalhei com componentes do Bootstrap e implementei media queries no arquivo de formulários para ajustar o layout conforme o dispositivo. Além disso, aprendi a manipular JavaScript para realizar cálculos dinâmicos e interativos, como o cálculo do IMC e a comparação de preços.

Desenvolvimento Futuro

Pretendo adicionar mais elementos interativos, como pop-ups modais com mais informações e um simulador de planos. Também planejo otimizar o desempenho do site, melhorando o tempo de carregamento e utilizando imagens otimizadas.

Recursos Úteis

• Documentação do Bootstrap - Essencial para aprender sobre design responsivo.
• CSS-Tricks - Ótimo para aprimorar técnicas de layout.
• Stack Overflow - Ajudou a resolver problemas durante o desenvolvimento.

Autor

• GitHub - @aclf12
• LinkedIn - Ana Ferreira

Agradecimentos

Agradeço a todas as comunidades online que forneceram recursos e dicas valiosas durante o processo de criação deste site.

---