Introdução
Neste projeto, você aprenderá como criar uma aplicação "Wish Sticky Note" usando Vue.js e a biblioteca Element-UI. O projeto visa fornecer uma plataforma anônima e conveniente para que as pessoas expressem seus objetivos, ideais e aspirações de maneira segura e confidencial.
👀 Pré-visualização
O seguinte erro será relatado quando as condições de validação do campo não forem atendidas:
Após cumprir as condições e postar o desejo, o efeito é o seguinte:
🎯 Tarefas
Neste projeto, você aprenderá:
- Como configurar a estrutura do projeto e preparar os arquivos e pastas necessários.
- Como renderizar o formulário preenchido na parede de desejos.
- Como implementar a validação do formulário para garantir que os campos de entrada atendam aos critérios exigidos.
- Como lidar com o envio do formulário e a funcionalidade de reset.
- Como implementar o upload e a visualização de imagens.
🏆 Conquistas
Após concluir este projeto, você será capaz de:
- Estruturar e organizar um projeto Vue.js.
- Usar a biblioteca Element-UI para criar formulários e lidar com interações do usuário.
- Implementar a validação do formulário usando as regras de validação do Element-UI.
- Lidar com uploads de arquivos e visualizações de imagens em uma aplicação Vue.js.
- Gerenciar o estado e atualizar a interface do usuário com base nas ações do usuário.
