Zipline: Wikipedia Viewer

BLOG

Zipline: Wikipedia Viewer

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.