PythonIntermediate PythonNumPySQLGen AI
HTMLCSSJavaScriptIntermediate JavaScriptReactp5.jsNode.js
Command LineGit & GitHub
C++JavaData Structures & Algorithms
community header image

Monthly Challenge

Let's make magic together ⋆˙⟡

April 2025

image

Codédex Community

Top Posts

Newest

Pinned

sonny profile picture

Sonny Li

Gold rank

sonny rank

@sonny

Apr 8th, 2024 at 12:08 AM

12mo

April: Personality Quiz Challenge 🔥✨

post images

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:


  • Welcome screen with a nice title/background.
  • At least five questions to ask the user.
  • Results page with a [Share] button.
  • The link is shareable via GitHub Pages / Vercel.
  • Bonus: Mention of the Codédex challenge.


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


  • Submit your project in this channel by midnight ET on Tuesday, April 30th. One submission per person. Teams of up to 3 are ok.
  • Be sure to provide a working link to the quiz, GitHub link, a good screenshot, and description.
  • The winner will be crowned on May 1st. The winners will be determined by: 1) number of ❤️s from the community, 2) votes from the Codédex team. Bonus points if it gets shared by 250+ people.


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:


32

21

noskipp profile picture

Robin Schreiber

Silver rank

noskipp rank

@noskipp

Apr 30th, 2024 at 10:23 PM

11mo

What Adventurer are you?

post images

"A simple, 8-bit styled, keyboard controlled, personality quiz."


Finally finished this project after procrastinating and being hit with covid! Links are down below, if you encounter any bugs/issues, feel free to point them out to me! I'll maybe update this once in 50 years, adding some mobile support and other stuff.


Current features:

  • 6 Questions
  • 5 Personalities
  • A "Main Menu"


Live | GitHub

13

2

dawnsaju profile picture

Dawn Saju

Bronze rank

dawnsaju rank

@dawnsaju

Apr 30th, 2024 at 10:08 PM

11mo

Meet Personfiy

post images

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

5

3

kriztin profile picture

Kriztin

Silver rank

kriztin rank

@kriztin

Apr 30th, 2024 at 4:16 PM

11mo

Ocean Personality Quiz 🐳

post images

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. 🐙


Take the Quiz | GitHub

13

5

17-west profile picture

wes

Bronze rank

17-west rank

@17-west

Apr 30th, 2024 at 3:27 PM

11mo

What type of Anime Character would you be isekai'd as?

post images

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!


Link | GitHub

18

14

pikkacodes profile picture

Ale Thomas

Bronze rank

pikkacodes rank

@pikkacodes

Apr 23rd, 2024 at 10:00 PM

11mo

Which Pokémon best suits your personality?

post images

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!


Live | GitHub


P.S. If you use it on mobile or adjust the screen size, you can use the Game Boy buttons to navigate the quiz. ^_^

14

7

chichinashi profile picture

Amelia G

Bronze rank

chichinashi rank

@chichinashi

Apr 23rd, 2024 at 3:23 PM

11mo

Programming Language Persona

post images

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!


Quiz: https://chichinashi.github.io/ProgrammerLandia

Repo: https://github.com/chichinashi/ProgrammerLandia

9

1

CyberPenguin profile picture

Jasper De Jonghe

Silver rank

CyberPenguin rank

@CyberPenguin

Apr 21st, 2024 at 6:55 PM

11mo

Zen Quiz

post images

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

19

7

DaPanda profile picture

ValentineL

Gold rank

DaPanda rank

@DaPanda

Apr 21st, 2024 at 12:47 AM

11mo

April Submission Quizz

post images

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)! ^^


Quiz: https://quiz-personality.vercel.app

Repo: https://github.com/DaPandamonium/QuizPersonality

31

9

Gudetea profile picture

Tea

Bronze rank

Gudetea rank

@Gudetea

Apr 20th, 2024 at 10:40 AM

11mo

FruitCard Odyssey

post images

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!! (:

35

16

Irtaza profile picture

Muhammad Irtaza

Bronze rank

Irtaza rank

@Irtaza

Apr 19th, 2024 at 11:09 AM

11mo

What CS Career matches your personality?

post images

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!


Live: https://cs-career-quiz.vercel.app

Github: https://github.com/Irtaza2009/cs-career-quiz

15

6

farukmukta62678 profile picture

Faruk Muktar

Bronze rank

farukmukta62678 rank

@farukmukta62678

Apr 16th, 2024 at 1:50 PM

11mo

Know Yourself Better! (Personality Quiz)

post images

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

11

5

maminelahiala profile picture

@maminelahiala

Apr 13th, 2024 at 7:54 AM

11mo

Choose Your Path!

post images

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

18

11

rahulsk96 profile picture

Rahul Shiv Kumar

Silver rank

rahulsk96 rank

@rahulsk96

Apr 13th, 2024 at 6:09 AM

11mo

What Type of Person are you?

post images

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?


  • Dive into a series of thought-provoking questions designed to reveal unique aspects of your personality.
  • Explore a diverse range of topics, from your favorite activities to your ideal vacation spot.
  • Uncover hidden talents, preferences, and quirks you never knew existed!


🎮 How It Works:


  • Start the quiz and answer each question honestly based on your instincts and preferences.
  • Watch as your choices shape the outcome, leading to a personalized result tailored just for you.
  • Share your results with friends and family to compare personalities and spark fascinating conversations!


🚀 Why Take the Quiz?


  • Discover more about yourself and gain insights into your strengths, weaknesses, and potential areas for growth.
  • Connect with others by sharing your results and finding commonalities or differences in personality traits.
  • Have fun exploring different facets of your identity in a lighthearted and entertaining way!


Ready to embark on your journey of self-discovery? Take the Personality Quiz now and unlock the mysteries of your true self!

17

4

sujade profile picture

@sujade

Apr 9th, 2024 at 11:00 AM

12mo

April: What Codédex Course Are You?

post images

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

45

24