
Conheça o projeto
Neste desafio, você vai desenvolver uma aplicação chamada Festivite, onde o usuário poderá criar convites digitais personalizados para diferentes tipos de eventos. O sistema deve permitir preencher informações como título, data, local e descrição, além de escolher cores, temas e imagens para o convite. Também será possível adicionar dados de contato e aceitar termos antes de gerar o convite final.
Recursos
Materiais para você usar como base para o desenvolvimento
Instruções
Estrutura, regras e requisitos do projeto
1. Estrutura inicial
- Crie um projeto com a estrutura base do HTML;
- Crie a estrutura base de um formulário no HTML;
2. Requisitos
Formulário do evento
- Crie o Formulário com os campos sugeridos no layout:
- Título do evento, data de início e fim, tipo (presencial ou online), local e descrição.;
- Data de início e fim;
- Tipo (online ou presencial);
- Local;
- Descrição do evento;
- Estilo (claro ou escuro);
- Upload de imagem pra capa;
- E-mail de contato;
- Telefone de contato.
Personalização do convite
- A aplicação deve permitir a seleção de uma cor principal para o convite;
- A aplicação deve oferecer diferentes temas para que o usuário escolha um;
- A aplicação deve permitir que o usuário adicione uma imagem de capa ao convite;
- A aplicação deve permitir que o usuário alterne entre estilo claro e escuro.
Funcionalidades básicas
- Crie um botão para gerar o convite;
- Valide todos os campos obrigatórios;
- Mostre mensagens de erro em campos obrigatórios que não forem preenchidos.
3. Desenvolvendo o projeto
Para desenvolver esse projeto, recomendamos utilizar as principais tecnologias que utilizamos durante o desenvolvimento do primeiro módulo da formação.
Caso você tenha alguma dificuldade você pode ir no nosso fórum e deixar sua dúvida por lá!
Após terminar o desafio, caso você queira, você pode tentar dar o próximo passo e deixar a aplicação com a sua cara. Tente mudar o layout, cores, ou até adicionar novas funcionalidades para ir além! 🚀
4. Entrega
Após concluir o desafio, você deve enviar a URL do seu código no Github.
Além disso, que tal fazer um post no LinkedIn compartilhando o seu aprendizado e contando como foi a experiência? É uma excelente forma de demonstrar seus conhecimentos e atrair novas oportunidades!
Obs: Se você se sentir à vontade, pode postar um print do resultado final e nos marcar! Vai ser incrível acompanhar a sua evolução! 💜
5. Considerações finais
Lembre-se que o intuito de um desafio é te impulsionar, por isso, dependendo do desafio, pode ser que você precise ir além do que foi discutido em sala de aula. Mas isso não é algo ruim: ter autonomia para buscar informações extras é uma habilidade muito valiosa e vai ser ótimo pra você treinar ela aqui com a gente!
E lembre-se: tenha calma! Enfrentar desafios faz parte do seu processo de aprendizado!
Se precisar de alguma orientação ou suporte, estamos aqui com você! Bons estudos e boa prática! 💜
Feito com 💜 por Rocketseat 👋
1. Estrutura inicial
- Crie um projeto com a estrutura base do HTML;
- Crie a estrutura base de um formulário no HTML;
2. Requisitos
Formulário do evento
- Crie o Formulário com os campos sugeridos no layout:
- Título do evento, data de início e fim, tipo (presencial ou online), local e descrição.;
- Data de início e fim;
- Tipo (online ou presencial);
- Local;
- Descrição do evento;
- Estilo (claro ou escuro);
- Upload de imagem pra capa;
- E-mail de contato;
- Telefone de contato.
Personalização do convite
- A aplicação deve permitir a seleção de uma cor principal para o convite;
- A aplicação deve oferecer diferentes temas para que o usuário escolha um;
- A aplicação deve permitir que o usuário adicione uma imagem de capa ao convite;
- A aplicação deve permitir que o usuário alterne entre estilo claro e escuro.
Funcionalidades básicas
- Crie um botão para gerar o convite;
- Valide todos os campos obrigatórios;
- Mostre mensagens de erro em campos obrigatórios que não forem preenchidos.
3. Desenvolvendo o projeto
Para desenvolver esse projeto, recomendamos utilizar as principais tecnologias que utilizamos durante o desenvolvimento do primeiro módulo da formação.
Caso você tenha alguma dificuldade você pode ir no nosso fórum e deixar sua dúvida por lá!
Após terminar o desafio, caso você queira, você pode tentar dar o próximo passo e deixar a aplicação com a sua cara. Tente mudar o layout, cores, ou até adicionar novas funcionalidades para ir além! 🚀
4. Entrega
Após concluir o desafio, você deve enviar a URL do seu código no Github.
Além disso, que tal fazer um post no LinkedIn compartilhando o seu aprendizado e contando como foi a experiência? É uma excelente forma de demonstrar seus conhecimentos e atrair novas oportunidades!
Obs: Se você se sentir à vontade, pode postar um print do resultado final e nos marcar! Vai ser incrível acompanhar a sua evolução! 💜
5. Considerações finais
Lembre-se que o intuito de um desafio é te impulsionar, por isso, dependendo do desafio, pode ser que você precise ir além do que foi discutido em sala de aula. Mas isso não é algo ruim: ter autonomia para buscar informações extras é uma habilidade muito valiosa e vai ser ótimo pra você treinar ela aqui com a gente!
E lembre-se: tenha calma! Enfrentar desafios faz parte do seu processo de aprendizado!
Se precisar de alguma orientação ou suporte, estamos aqui com você! Bons estudos e boa prática! 💜
Feito com 💜 por Rocketseat 👋
Tarefas
Use este checklist para ajudar a organizar a sua entrega