-
-
Homepage
-
Sign In
-
Shopping Cart
-
Measurements window
-
Chose To Try On Window
-
Jacket in XS way too small
-
Jacket in S slightly small
-
Hoodie in M perfect size
-
Hoodie in L slightly big
-
Jacket in XL way too big
Inspiration
People are shopping their clothes online more often with every day especially since the start of the pandemic. While the picking of the clothes is the easy part since you only scroll through the website and see every piece presented in pictures, the processes of getting them and returning them if the clothes don't fit is not only costing unnecessarily money but also time as well as ecological damage through the additional shipping. Sadly oftentimes the customers have to return clothes because they couldn't try them on before ordering and the sizes and measurements vary between companies and products. This is why we want to make sure that the shoppers know exactly if the products they put in their shopping cart and look forward to will truly fit them so that there wont be any returns because of the wrong size.
What it does
Try It On offers you to save your measurements when signing in which will be saved in the database so that they wont need to be taken again and compares the information about the clothes sizes and measurements with your and tell you if the product you picked will fit you in the chosen size and which size would be best for you. To present our idea in the best possible way our project includes a demo of an online shopping platform where you can click on the try on button in the shopping cart to get to the try on page.
How we built it
We used npm to build a react app and vsCode as editor. Most of the code is react.js and for styles we chose style-components.
Challenges we ran into
Since it was the first Hackathon for the both of us we lacked some experience and needed to figure out a lot and build the project more simple than in the original idea. One of us didn't know html, javascript or css which made it difficult to create the needed websites in time and design it the way we wanted it to.
Accomplishments that we're proud of
We are proud of taking the time and step to enter our first hackathon and creating a project in the first place but also of the functioning website that can express our idea and has a simple but clean and modern design. Another big accomplishment is that we picked up from several websites and videos what we didn't know yet and was needed to get the project done.
What we learned
One of us learned html and css from scratch and both of us learned about the process of creating a project and how to present it as well as the advantage of learning by doing.
What's next for Try It On
We want to continue to work on the project with the idea of adding some features going into web 3 and advancing the try on page so that the users can see how the clothes would actually fit on the figure that will be adapted to the measurements entered.
Log in or sign up for Devpost to join the conversation.