Madlibs.

About.

In this project, I created a playful and interactive Madlibs game using JavaScript, CSS, and HTML. It's free to play and a great way to showcase my web development skills. Dive in, fill in the blanks, and watch your unique and hilarious stories come to life!

The Process

Creating a MadLib game was a mix of fun and challenge. I wanted to bring back the joy of MadLibs from my childhood in a digital form. The idea was to make it simple, creative, and a bit nostalgic. I aimed to let players easily input different types of words like nouns and verbs to create a funny and personalized story.

The design started with a focus on simplicity and user-friendliness. I wanted players to navigate the game effortlessly. I created input fields for different word types to make the user experience smooth. The main idea was to take these inputs and weave them into a pre-existing story for a personalized and humorous narrative.

I dived into the coding world, using CSS, HTML and JavaScript. I combined what I already knew with information from my professors and online tutorials. The initial steps were about setting up the game interface, creating those input fields for words.


Check out my project here:

The challenge came when I needed to figure out how to clear the MadLib after it was played. It was tricky, and I tried various approaches. Despite some frustration, solving this problem taught me a lot. It pushed me to explore different coding techniques and improve my problem-solving skills.

To make things visually appealing, I used playful colors and a font that matched the light-hearted vibe of MadLibs. The goal was to create an atmosphere that captured the joy of the game.

The main hurdle was figuring out how to clear the MadLib after playing. It required a good understanding of JavaScript functions and events. It was tough at times, but overcoming this challenge turned out to be a valuable learning experience. It showed me the importance of sticking with it in the face of coding obstacles.

Looking back, I'm happy with how the MadLib Adventure turned out. It was a great way to flex my coding skills and brought back fond memories of MadLibs from my younger days. If I had another go at it, I might add features like a scoring system or more story options. Despite the challenges, creating this MadLib game was fulfilling and taught me a lot about coding possibilities. I'm excited to keep learning and exploring new coding projects in the future.

Gallery

.

Gallery .