# Introduction In this project, you will learn how to create a "Wish Sticky Note" application using Vue.js and the Element-UI library. The project aims to provide an anonymous and convenient platform for people to express their goals, ideals, and aspirations in a safe and confidential manner. ## ð Preview The following error will be reported when the field validation conditions are not met: ![image](https://file.labex.io/namespace/718bace8-27a3-4200-a588-dde4041ceeb9/elementui/project-wish-sticky-note/lab-wish-sticky-note/assets/1.png) After fulfilling the conditions and posting the wish, the effect is as follows: ![Completed Effect](https://file.labex.io/namespace/718bace8-27a3-4200-a588-dde4041ceeb9/elementui/project-wish-sticky-note/lab-wish-sticky-note/assets/2.png) ## ðŊ Tasks In this project, you will learn: - How to set up the project structure and prepare the necessary files and folders. - How to render the completed form on the wish wall. - How to implement form validation to ensure that the input fields meet the required criteria. - How to handle form submission and reset functionality. - How to implement image upload and preview functionality. ## ð Achievements After completing this project, you will be able to: - Structure and organize a Vue.js project. - Use the Element-UI library to create forms and handle user interactions. - Implement form validation using the Element-UI validation rules. - Handle file uploads and image previews in a Vue.js application. - Manage state and update the UI based on user actions.
Click the virtual machine below to start practicing