Petals

In this project, I explored React and tried to utilize useState hook to the fullest. I leveraged the power of React to create an SVG editor that allows users to create their own flower/mandala patterns. This project offered an intuitive way for me to explore the React's potential while providing deep insights on how to manage states and props. I gained a deeper understanding of components and performance considerations regarding renders in React. Beyond React, I also challenged myself with trying to understand mechanisms of SVGs by incorporating manipulation of bezier handles, attaching them to the different inputs that can be manipulated by the user. After completing the project, I extended its functionality with Strapi to develop a backend which allowed user accounts, authentication, CRUD operations for managing user created artworks. This version is not hosted but you can find it on my GitHub repository.