Creep it Real

Inspiration

We were inspired by the clothing generator from the film "Clueless" as well as the Halloween prompt by Computer Science Society and we decided to combine the ideas into one.

What it does

The website will generate Halloween costume ideas based on user input. The user is prompted by a series of options which they selected and based on their selected options an output is generated.

How we built it

We used a combination of html, CSS, and JavaScript to create our website.

Challenges we ran into

One challenge we ran into was creating a wide range of options with many nested loops and if conditions that caused the code from not generating any images. As a result, we decided to reduce our number of options yet still provide a comprehensive list of choices. Adding an additional prompt under the adult costume section led to the code not generating any output, but we were able to solve it by inspecting the page and identifying the error which was the placement of the code. Due to breaks from the additional prompt in the adult costume section we also experienced unwanted spaces on the website between user selections, but because of time constraints we hope to fix the formatting in the future. Lastly, setting up the custom domain name proved to be a challenge however we all learned a new skill from the experience.

Accomplishments that we're proud of

Creation of an avatar loading bar that fills out a certain percentage when the user selects an option.
Customizing the page with animation along with different fonts and styles to set the theme, which makes the user experience more enjoyable.
Using CSS to make the images generated appropriate and uniform size.
Use of MS paint to make a themed logo and header.
Adding pngs of candy pieces in replacement of square buttons.

What we learned

We were able to improve our HTML, CSS and JavaScript skills further and also we got to experiment with different coding techniques. We also gained team building, networking, and organization skills which include: managing time, delegating tasks, and converting ideas from paper to a functioning website.

What's next for Creep it Real

In the near future we hope to increase our user options like including a selection of genders, hair color and length, height and a random single and random group option. We would also like to add an avatar where users are able to view their generated costume on the mannequin. Working towards a more aesthetically appealing interface would also be a goal of ours.