Top Posts
Newest
April: Personality Quiz Challenge 🔥✨
Welcome to the April Monthly Challenge! This one will be web dev focused… because the theme is to build a viral personality quiz web app!
Personality Quizzes have been popular and making rounds on social media since the early 2000s. You answer some questions, and boom, get a result based on your answers. They are fun, byte-sized, personalized, and easy to share with friends — the perfect recipe for virality.
Some recent popular ones include Cosmos Persona and What Cake R U? due to their shareability on IG Stories. They went so viral that they even made their way to the Codédex Slack, and the team loved 'em.
🚀 This will test your web dev chops, creativity, and design skills! 🚀
What are you waiting for? Let's get started.
📜 Challenge Rules
Use HTML/CSS/JavaScript to build a shareable personality quiz with the following requirements:
There are many ways where you can take this: "Which coding language are you?", "What type of dev are you?", "What type of coworker are you?", etc. It doesn't even have to be coding-related!
We highly recommend designing a napkin mockup and thinking through the questions before building first!
🗳️ Submission
Note: Early submissions have a slight advantage due to the points system.
🏆 Challenge Prize
The winner will receive one Apple Watch Series 9 and be featured in our email newsletter and socials! 🤩
You will also rewarded a rare achievement badge on your profile.
📖 Resources
May the best quiz win.
------------------------------------------------------------------
🏆 Challenge Winners
THANK YOU everyone who participated! Here're the winners:
Meet Personfiy
Hello everyone, I'm excited to announce my small attempt at taking part in this auspicious challenge. Personify is a web application that offers a personality quiz experience. Through a series of questions, it helps users discover aspects of their personality. With its user-friendly and appealing user interface, it aims to provide an engaging experience for all users. Personify is built using Flask and Tailwind CSS.
Looking forward to your feedback, and good luck to all the participants.
Link: https://personify-k9zn.onrender.com | Made with ❤️ by @dawnsaju
Ocean Personality Quiz 🐳
Ahoy! 🐟 Welcome to our quiz that explores the depths of personality traits and reveals which fish species that best represents you. Dive in and answer the questions to reveal your aquatic alter ego! 🌊
We created this quiz because fish are fascinating creatures with so many interesting facts about them. This project was built using React and TailwindCSS, offering us a fun opportunity to learn a new language and create pixel art along the way. ⚓️
Made by @nhiii38 🦈 and @kriztin. 🐙
What type of Anime Character would you be isekai'd as?
Hi Codédex peoples! We're a little late to the party, but here's a quiz that a few friends and I built to figure out what type of anime character trope you would be transformed into in an Isekai! -> Click here for the quiz!
This quiz evaluates you on certain personality criteria that we determine by associating questions with a certain character type. Built with HTML/CSS/JavaScript for me to better learn basic/vanilla web development! The quiz works for both desktop and mobile devices, but not gonna lie, it definitely needs a little work ahaha.
Thanks to Stag (@zetonakai) and Brian (@6rianwin) for their help developing the graphic assets and quiz content, respectively. Reach out to me if you have any questions!
Which Pokémon best suits your personality?
Hi Codédex fam! Here's the personality quiz I built: a quiz to find your perfect Pokémon match based on the HEXACO personality model.
This model evaluates you in 6 areas (Openness to Experience, Extraversion, Honesty-Humility, Agreeableness, Conscientiousness, and Emotionality). I gave every Pokémon a range for two of these depending on its types and weaknesses. This is a rough version of the model just for funsies!
P.S. If you use it on mobile or adjust the screen size, you can use the Game Boy buttons to navigate the quiz. ^_^
Programming Language Persona
Hey! I was inspired to join the challenge because even though I don't have much of experience, the idea was appealing. I really wanted to try my best.
To be honest it was quite challenging. I didn't use HTML and CSS in ages. Not to mention JS! Even though it was challenging, it was v fun.
Please try my quiz and let me know what programming language you are!
Zen Quiz
Hey there! So... After a while, it's finally done. After a lot of struggling, I finally finished it.
When I heard about this monthly challenge, I immediately started thinking about games. because there are a lot of different gaming personalities.
For my first real web development project, this was pretty hard. I knew a bit of HTML and CSS, but I've never written more than 10 lines of code in JavaScript. After watching a lot of videos and reading the docs, I made it work. that's why the project is made with only plain HTML, CSS, and JavaScript.
My inspiration came from Candy Crush. I wanted to make a game that everyone knows, so you don't need to learn new rules to play the quiz.
Quiz: https://codedex-challenge-april.vercel.app
Repo: https://github.com/JasperDeJonghe/Codedex-challenge-april
April Submission Quizz
Heya fam!
So...it's finally done and it's my first time I vented so much time trying to get more into the JavaScript while I have done half course yet.But honestly I loved all that time so far, truly enjoyed it.
Built with love, nostalgia, and a touch of JavaScript, this quiz was styled using the NES.css framework to bring back the golden era of 8-bit gaming. Whether you're taking a break from coding or just want to have some fun, this quiz is sure to bring a smile to your face and maybe a moment of self-discovery. All backgrounds / characters are from my side too.
Feel free to try it out, share your results, and, of course, your feedback is always welcome & appreciated!
Happy coding (and quizzing)! ^^
FruitCard Odyssey
Link: https://gudetea.github.io/FruitCard-Odyssey
GitHub: https://github.com/Gudetea/FruitCard-Odyssey
Quiz now available on desktop and mobile!
After multiple mental breakdowns, boba breaks, all-nighters and going through the stages of grief.. I present to you FruitCard Odyssey! ;;
This is my first time coding and it's been a challenge! I'm still learning so I was pretty limited in what I could do. However, all drawings were done by yours truly~
I hope you enjoy this little quiz and I'm curious to see what fruits you all get!! (:
What CS Career matches your personality?
I heard about this challenge last week and came up with this idea.
This interactive quiz will match your unique personality traits and interests with the most fitting careers in CS. Dive into a series of intriguing questions and explore diverse career options, from web development to artificial intelligence. Take the quiz to decode your potential and unveil the perfect CS career tailored just for you!
Please leave a heart if you like the quiz!
Know Yourself Better! (Personality Quiz)
Here's what I came up with. A functional web app ready to be tested. I hope you will like it, enjoy and thanks for the opportunity Codédex.
My application showcases a simple and visually appealing design that captivates users from the moment they land on the homepage. The layout is intuitive, making it easy for users to navigate through the quiz while enjoying a seamless user experience.
Vercel: https://personalityquizwebapp.vercel.app
GitHub: https://github.com/FarukmAliyu/Personalityquizwebapp.git
Choose Your Path!
First thing first, I did like to imagine what if Codédex had a quiz where it gives you a path to study based on your personality.
So I made this, of course it's not perfect but still was amazing to work on it did learn a lot through research.
Here's the link if anyone want to pay a visit: Codédex Personality Test
I used pure CSS and JS, some parts are responsive, some parts are not due to my lack of knowledge for now. And go ahead sharing with me your results!
The source code is here: github.com/maminelahiala/codedex_path
What Type of Person are you?
Here is my work. Open to feedback. Hope you'll like using it.
It's simple and nice.
Quiz: https://rahul-shiv-kumar.github.io/personality-test/
GitHub: https://github.com/Rahul-Shiv-Kumar/personality-test
🌟 What's in Store for You?
🎮 How It Works:
🚀 Why Take the Quiz?
Ready to embark on your journey of self-discovery? Take the Personality Quiz now and unlock the mysteries of your true self!
April: What Codédex Course Are You?
Hello everyone!
First of all, I'm really really really glad that I was able to join this challenge because it's been so fun to work on even though it stole a hefty amount of sleep, snacks, and caffeinated drinks from me.
Boasting proper documentation inside the code and working components, without too much redundancy. Now with the added share API support, just share the link on your mobile device and see the difference! Have you tried the accessibility option to toggle between fonts yet?
Using React + TypeScript + NextJS combo for functionality and Bootstrap CSS + CSS for styling, this little quiz is everything you need to find out which Codédex course suits you best. I hope you enjoy the questions and enjoy the vibe.
If you did enjoy the vibe, please leave a heart on my project and let me know about the result you've got! I'd LOVE to have your support <3!
Live: https://codedex-quiz.vercel.app
Repository: https://github.com/sujade/codedex-quiz