Documentation

Profile Creator Sketches

Profile Creator Sketch 1
First Sketch: Chosen for its clear layout and intuitive user experience. Based on feedback from classmates, this design was selected as the most effective for easy navigation and aesthetic appeal

Profile Creator Wireframe

Profile Creator Wireframe Profile Creator Wireframe
Wireframe: This is the basic layout of the Profile Creator, with all the key elements in place. It's still a work in progress, and I'll be fine-tuning the details for the final version.

Description

I created this project as a fun way to let users build their own "reptile profile" by picking their favorite snake icon and entering some personal details. Since I’m a huge reptile fan, this project was a chance to combine my love for these creatures with my web development skills. It’s perfect for anyone who loves reptiles or just enjoys customizing their profiles. Along the way, I ran into some challenges like figuring out how to make icon selection clear, but I fixed it by adding little circles under the icons. From the original design, I made some changes like using placeholders for the form inputs, adding a title (“Your Reptile Profile”), and including a cancel button. I also updated the profile card to include an email field to make it more complete.