Você foi contratado para desenvolver uma página de checkout de viagem para um cliente de turismo. A página deve permitir que os usuários escolham as datas de ida e volta, a quantidade de passageiros e alguns dados básicos para a viagem.
Sua tarefa é criar uma página responsiva, fácil de usar e visualmente atraente que atenda a esses requisitos. Você pode usar qualquer biblioteca ou framework front-end que desejar.
- A página deve conter um formulário com os seguintes campos:
- Data de ida
- Data de volta
- Quantidade de passageiros (adultos e crianças separadamente)
- Origem
- Destino
- Nome do passageiro principal
- E-mail do passageiro principal
- Os campos de data devem usar um seletor de data amigável ao usuário
- O formulário deve conter validação de entrada de dados para garantir que todos os campos sejam preenchidos corretamente
- O formulário deve ter um botão de envio que exiba uma mensagem de confirmação ao usuário após o envio bem-sucedido
- A página deve ser responsiva e se adaptar a diferentes tamanhos de tela (desktop, tablet e mobile)
- A página deve ser desenvolvida usando HTML, CSS e JavaScript
- Você pode usar qualquer biblioteca ou framework front-end que desejar
- O código deve ser armazenado em um repositório público no Github
- O projeto será avaliado com base nos seguintes critérios:
- Qualidade do código
- Design e layout responsivo
- Validade e consistência da entrada de dados
- Funcionamento geral da página
- Certifique-se de que seu código esteja bem comentado e organizado
- Adicione um arquivo README.md ao seu repositório explicando como executar o projeto localmente
- Faça o commit do seu projeto no seu próprio repositório e compartilhe o link com a Wizzi para avaliação
- Seja criativo com o design e use as melhores práticas para tornar a página fácil de usar
- Considere como os usuários interagem com a página e quais informações são mais importantes para eles
- Teste a página em diferentes dispositivos e navegadores para garantir que funcione corretamente em todos os casos de uso