Petr's Wardrobe

graduation petr with a hat

We wanted to build on the campus culture of creating and distributing different themes of Petr stickers

It creates a customized Petr by mixing and matching different clothes that are loaded with arrows.

We used HTML, CSS, and JS

We struggled developing the framework of the website around each other, since we were often moving parts of the website and in turn causing unwanted movement in other objects.

We developed a website for the first time and worked through design problems such as overlaying images and building a grid system.

How to integrate different parts of attributes and structures from HTML, CSS, and JS's libraries to created what we wanted.

What's next for Petr's Wardrobe

Optimization: Improve the website structure so it is responsive to resizing and better built. We also noticed a issue where the old image lags behind when you switch between items too quickly.

Clothing Variety: Identify popular trends, styles, and preferences and add more designs. Expand the range of clothing categories, by adding accessories or shoes. Consider allowed user content by allowing users to upload their own designs.

Feedback and Iteration: Add a feedback section where users can provide feedback on the user interface, clothing selection, and overall experience through surveys, ratings, or reviews.

Snapshot: Add a feature where you can save and share your created petr, instead of manually taking a screenshot.