We help you learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get a coding job by joining our open source community at http://freecodecamp.com
Follow Quincy on Quora: http://www.quora.com/Quincy-Larson
Follow us on Twitch: twitch.tv/freecodecamp
Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp
Like us on Facebook: https://www.facebook.com/freecodecamp
Star us on GitHub: https://github.com/freecodecamp/freecodecamp
Objective: Build a CodePen.io app that successfully reverse-engineers this: http://codepen.io/GeoffStorbeck/full/MwgQea.
Rule #1: Don’t look at the example project’s code on CodePen. Figure it out for yourself.
Rule #2: You may use whichever libraries or APIs you need.
Rule #3: Reverse engineer the example project’s functionality, and also feel free to personalize it.
Here are the user stories you must enable, and optional bonus user stories:
User Story: As a user, I can search Wikipedia entries in a search box and see the resulting Wikipedia entries.
Bonus User Story:As a user, I can click a button to see a random Wikipedia entry.
Bonus User Story:As a user, when I type in the search box, I can see a dropdown menu with autocomplete options for matching Wikipedia entries.
Hint: Here’s an entry on using Wikipedia’s API: http://www.mediawiki.org/wiki/API:Main_page.
Remember to use RSAP if you get stuck.