🏡 Lar Doce Click

Solução desenvolvida por estudantes da Universidade Federal de Ouro Preto (UFOP) - Campus ICEA para o Desafio Frontend proposto pela Visão Jr.
O projeto consiste em um protótipo de website para uma imobiliária fictícia, com foco em design moderno, responsividade e interatividade.

---

📋 Índice

• Visão Geral do Desafio   - Contexto do Desafio   - Objetivos Cumpridos
• Demonstração Interativa
• Funcionalidades Implementadas
• Estrutura de Arquivos
• Tecnologias e Ferramentas   - Decisões de Arquitetura
• Instalação e Execução   - Pré-requisitos   - Passo a Passo
• Configuração Adicional
• Roteiro de Melhorias (Roadmap)
• Como Contribuir
• Agradecimentos
• Equipe de Desenvolvimento
• Licença

---

📌 Visão Geral do Desafio

O Lar Doce Click é a nossa solução para o desafio de desenvolvimento frontend proposto pela Visão Jr, a Empresa Júnior dos cursos de Sistemas de Informação e Engenharia da Computação da UFOP - Campus ICEA.

📝 Contexto do Desafio

O desafio consistia em simular um cenário de cliente real, onde a demanda era criar uma landing page para uma imobiliária fictícia.
O projeto deveria ser visualmente atraente, totalmente responsivo e interativo, demonstrando habilidades técnicas em desenvolvimento web frontend.

🎯 Objetivos Cumpridos

• Estrutura Semântica e Acessível: Uso de HTML5 semântico para acessibilidade e SEO.
• Layout Moderno e Responsivo: CSS3 com Flexbox, Grid, Media Queries e variáveis.
• Interatividade com JavaScript Puro: Componentes como carrosséis criados do zero.
• Formulário com API: Integração com EmailJS para envio de mensagens.
• Código Limpo e Documentado: Foco em boas práticas de desenvolvimento.

---

🚀 Demonstração Interativa

Acesse o projeto completo em:
👉 Clique aqui para visitar o Lar Doce Click

Aqui você pode interagir com o protótipo do Figma:
👉 Clique aqui para acessar o protótipo

---

✨ Funcionalidades Implementadas

• 🎠 Carrosséis Dinâmicos (Benefícios, Imóveis, Depoimentos).
• 🖼 Vitrine de Imóveis com dados como quartos, banheiros, vagas.
• 📧 Formulário de Contato Funcional com integração ao EmailJS.
• 📱 Design 100% Responsivo em desktop, tablet e mobile.

---

📁 Estrutura de Arquivos

lar-doce-click/
├── assets/
│   ├── images/         # Imagens dos imóveis, banners, etc.
│   └── icons/          # Ícones (SVG ou PNG)
├── css/
│   └── style.css       # Folha de estilos principal
├── js/
│   └── script.js       # Lógica de interatividade e EmailJS
├── index.html          # Arquivo principal da aplicação
├── LICENSE             # Arquivo da licença do projeto
└── README.md           # Documentação do projeto

---

🛠 Tecnologias e Ferramentas

Tecnologia	Descrição
HTML5	Marcação semântica do conteúdo
CSS3	Estilização, responsividade e animações
JavaScript (ES6+)	Lógica, manipulação do DOM e interatividade
EmailJS	Envio de mensagens via frontend
Git & GitHub	Controle de versão e hospedagem do repositório
VSCode	Editor de código com suporte ao Live Server

---

⚖ Decisões de Arquitetura

• Vanilla JS: Evitamos frameworks para focar no domínio dos fundamentos.
• EmailJS: Permite o envio de e-mails sem backend, mantendo o foco no frontend.

---

⚙ Instalação e Execução

✅ Pré-requisitos

• Git instalado.
• Navegador moderno (Chrome, Firefox, etc.).
• VSCode com a extensão Live Server.

🚀 Passo a Passo

# 1. Clone o repositório
git clone https://github.com/frantomich/LarDoceClick.git

# 2. Acesse o diretório
cd LarDoceClick

# 3. Abra no VSCode
code .

# 4. Execute com Live Server no arquivo `index.html`

---

🔧 Configuração Adicional (EmailJS)

1. Crie uma conta no EmailJS.
2. Configure um serviço de e-mail (ex: Gmail) e um template.
3. Substitua no arquivo js/script.js:

---

🗺 Roteiro de Melhorias (Roadmap)

• Página de detalhes para cada imóvel.
• Filtros avançados (preço, quartos, cidade).
• Animações e transições sutis.
• Otimização de performance (CSS/JS e imagens).
• Testes unitários para funções JS.

---

🤝 Como Contribuir

1. Faça um fork.
2. Crie uma branch: git checkout -b feature/sua-feature.
3. Commit: git commit -m 'Minha contribuição'.
4. Push: git push origin feature/sua-feature.
5. Abra um Pull Request.

---

🙏 Agradecimentos

• À Visão Jr. pela oportunidade e desafio estimulante.
• Aos professores e colegas da UFOP - ICEA pelo apoio.
• À comunidade open source por compartilhar tanto conhecimento.

---

👨‍💻 Equipe de Desenvolvimento

Integrante	GitHub	LinkedIn
Fábio Ramos Zeferino Júnior	GitHub	LinkedIn
Franklin Liesner Tomich	GitHub	LinkedIn
Kaua Kirk Xavier De Oliveira	GitHub	LinkedIn
Kelvin Fernando Milagres de Castro	GitHub	LinkedIn
Mateus de Oliveira Silveira	GitHub	LinkedIn
Vitória de Souza Miranda	GitHub	LinkedIn

---

📄 Licença

Este projeto está sob a licença MIT. Consulte o arquivo LICENSE para mais detalhes.