| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Who should drive?</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <!-- Styles --> | |
| <style type="text/css"> |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
| <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"> | |
| <head> | |
| <!-- This is a simple example template that you can edit to create your own custom templates --> | |
| <!--[if gte mso 15]> | |
| <xml> | |
| <o:OfficeDocumentSettings> | |
| <o:AllowPNG /> | |
| <o:PixelsPerInch>96</o:PixelsPerInch> | |
| </o:OfficeDocumentSettings> |
Use the GitHub API to get a list of repositories for a user and list them on a web page.
Bonus: Display the last three commits for each repository below it.
Use the Petfinder API to get a list of available pets from a shelter and display them on a web page.
Bonus: Dynamically create filters for things like age, gender, breed, and type of animal, and let users filter out pets that don't match their criteria.
Quick heads up: The Petfinder API is buggy and poorly maintained, so you may run into some hiccups along the way.
Build a game inspired by the movie Monsters, Inc. and loosely based on the old PC game Minesweeper.
Create a three-by-four grid of 12 doors. When the user clicks a door, they'll find one of their monster friends. But behind one door is a human sock. These are dangerous and should be avoided at all costs. Finding it means you lose the game.
If the user finds all 11 monster friends without stumbling onto the sock, they win!
Note: SVG files for the monsters, sock, and door have been included for you.
Write an app that randomly picks an option for a list of choices. Users should be able to add and delete items from the list.
Bonus: Save the list between sessions.
Write a todo list app. Users should be able to create lists, add items to each one, and mark items as complete.
Write an app that counts down to 0 from a time (say, five minutes).
Write a script that shows content typed into the textarea#content field in the #preview-content element.
Bonus: Convert the content from markdown to HTML using an open source plugin like MarkedJS.
Write a script that filters songs from a playlist by genre and whether or not the song is Grammy-nominated (fake data).
Dynamically create checkboxes to filter songs with using the data attributes in the #playlist. Only show songs that match the selected checklist criteria.
Bonus: Give users the ability to toggle all genres.
