# Introduction This project guides you through building a festive Christmas Wish List Builder web application using React. The app features a beautiful full-screen Christmas-themed background and a charming snowfall animation, enhancing the holiday spirit. Users can add wishes to a semi-transparent wish wall, and each wish is presented as a postcard. We'll use React for the frontend and CSS for styling and animations. > Note: This project is primarily built using Material UI and React. ## ð Preview ![Wish List Builder Preview](https://file.labex.io/namespace/718bace8-27a3-4200-a588-dde4041ceeb9/web/project-building-a-christmas-wish-list-builder-in-react/challenge-1/assets/effect.gif) ## ðŊ Tasks In this project, you will learn to: - Set up a React project - Create a Snowflakes component for falling snow animation - Build an Add Wish Form component for users to input their wishes - Implement a Wish List component to display added wishes on a wish wall - Create a Postcard component to show each wish as a postcard - Style the application using CSS - Assemble the main App component - Launch the Christmas Wish List Builder in a web browser ## ð Achievements In this project, you will learn: - How to set up a React project and install dependencies - How to create functional components in React - How to use React hooks, such as useState, to manage state in components - How to pass data between parent and child components using props - How to handle form submissions in React - How to style a React application using CSS - How to build a visually appealing and interactive web application using React and CSS
Click the virtual machine below to start practicing