Yoda Mad Libs

Inspiration

I love doing Mad Libs with people and I wanted to create one with a twist. The stories are translated into Yodish (Yoda Speak).

What it does

I built a website that allows the user to select 1 of 3 story options and then fill in the requested fields, such as noun, adjective, etc... Then the user can generate the Mad Lib, which displays the final story with the user's words inserted. But, the story is translated into Yodish, which is the way Yoda from Star Wars speaks.

How I built it

I built the website using HTML, CSS, and JavaScript. I also used the FunTranslations Yoda API for the translations.

Challenges I ran into

The API I was using for the translations had a small rate limit for the free plan so I didn't actually call the API in my code. I used the provided API simulator on the website to manually translate the stories since there were only 3 of them.

Accomplishments that I'm proud of

I am proud of myself for creating a funny project with a cool UI.

What I learned

I learned how to work with HTML forms and connect to JavaScript functions when the form is submitted. I also learned how to dynamically add HTML content.

What's next for Yoda Mad Libs

Right now the site only includes 3 stories to choose from so it would interesting to add more. Also, there are some formatting issues with the final story text that I could try to fix.

Built With

• css
• html
• javascript