🎉 Festivite

Festivite é uma aplicação web para criação de convites digitais personalizados. O projeto permite preencher os dados do evento, escolher uma cor principal, selecionar um tema, alternar entre estilo claro ou escuro e gerar uma versão final do convite em um modal.

🚀 Funcionalidades

• ✅ Cadastro das informações principais do evento
• 📅 Definição de data e horário de início e fim
• 📍 Escolha entre evento presencial ou online
• 🎨 Seleção de cor principal para o convite
• 🖼️ Upload de imagem personalizada para a capa
• 🌗 Alternância entre estilo claro e escuro
• 🎭 Grade de temas para diferentes tipos de evento
• 📩 Campos de contato com e-mail e telefone
• ⚠️ Validação de campos obrigatórios com mensagens de erro
• 💌 Geração do convite final em modal

🛠️ Tecnologias Utilizadas

• HTML5 - Estrutura semântica da página
• CSS3 - Estilização, responsividade, temas e estados visuais
• JavaScript - Validação do formulário, preview da imagem e geração do modal
• Git e GitHub - Versionamento e hospedagem do código

📁 Estrutura do Projeto

festvite/
├── index.html    # Estrutura principal da aplicação
├── styles.css    # Estilos, responsividade e temas visuais
├── script.js     # Validações e geração do convite
└── README.md     # Documentação do projeto

🎯 Como Usar

1. Preencha o título, datas, tipo, local e descrição do evento.
2. Escolha a cor principal, o tema e o estilo do convite.
3. Se desejar, adicione uma imagem de capa personalizada.
4. Informe os dados de contato.
5. Aceite os termos obrigatórios.
6. Clique em Gerar convite para visualizar o resultado final.

💻 Execução Local

Pré-requisitos

• Navegador web moderno, como Chrome, Firefox, Safari ou Edge.

Rodando o projeto

1. Clone o repositório:

   git clone https://github.com/dev-jvcosta/festvite.git

2. Acesse a pasta do projeto:

   cd festvite

3. Abra o arquivo index.html no navegador.

Também é possível usar a extensão Live Server no VS Code para visualizar o projeto com recarregamento automático.

🎨 Personalização

O projeto conta com opções visuais para deixar cada convite com uma identidade própria:

• Paleta de cores principais
• Temas como aniversário, infantil, formatura, casamento, carnaval, halloween e natal
• Estilo claro ou escuro
• Imagem de capa enviada pelo usuário

🔧 Validações

A aplicação valida:

• Campos obrigatórios vazios
• E-mail em formato inválido
• Data final anterior à data inicial
• Aceite obrigatório dos termos
• Tipo de arquivo enviado no upload de imagem

🚀 Melhorias Futuras

• Adicionar download do convite em imagem
• Salvar convites no navegador com localStorage
• Criar preview em tempo real ao lado do formulário
• Permitir edição do convite depois de gerado
• Adicionar novas opções de temas e fontes

📝 Licença

Este projeto foi desenvolvido para fins de estudo e prática de HTML, CSS e JavaScript.

---

Desenvolvido como desafio de formação Full-Stack.