Petr Personality Quiz

Ever wanted to know which version of Petr best resonates with you? Well, our Petr Personality Quiz combines captivating visuals with sharp questions to help you discover your ‘inner Petr.'

Comment

Inspiration

We were interested in creating a Petr Personality Test because we are infatuated with personality tests. Thus, it was inevitable for us to create a personality test that was centered around Petr, a mascot that deeply resonates with us as proud UCI students.

What it does

The Petr Personality Test aims to match a test taker with a version of Petr (each version represents a different personality of Petr) that best identifies with them. The test consists of three quick, yet insightful questions. Based on the answers to these questions, a test taker is matched with one of eight different versions of Petr.

How we built it

We built this project through collaborating on a GitHub repository. The files that consisted of the repository were coded in Visual Studio Code, and we used the Git version control feature to manage each team member's implementations. Our files consisted of a HTML file, a CSS file, a JavaScript file, additional JavaScript files to implement the APIs we used, and multiple image files for the different images of Petr displayed. We used the Unsplash Image API and the Quotes API from API Ninjas to obtain images and quotes that best represent the user's 'inner Petr.'

Challenges we ran into

Some challenges we ran into while working on this project include implementing a JavaScript library that showers the screen in confetti (it took a long time to figure out how to put this feature in our code correctly), and making our program function after importing functions that implement the API into our main JavaScript function (after doing this, our program wouldn't work the way we intended it, so we had to resort to linking every button to an event in the main JavaScript file, instead of the HTML file).

Accomplishments that we're proud of

As this was our first experience with web development, we are proud that we got the opportunity to collaborate and gain engaging skills. For some of us, this was the first coding project we made outside of class, so we are glad that we were able to develop a fully functional website that was constructed by our own interests.

What we learned

From engaging in this project, we learned about the fundamentals of how HTML, CSS, and JavaScript interact with each other to create an engaging application. We also learned about the benefits of utilizing APIs when building these types of applications, and how version control systems allow multiple individuals to efficiently work on the same project in parallel.

What's next for Petr Personality Quiz

We believe that in order to more accurately reflect a person's Petr personality, the test needs to be more extensive. A way to make the assessment more extensive is to implement more questions that further focus on qualities that distinguish personalities from one another. If an exceptionally extensive version of the Petr Personality Quiz is created, it can be used to help UCI students connect with each other in an entirely new way.

Built With

Share this project:

Updates