Project 2

Project 1 focused on low-level "raw" web development building blocks:

• HTML
• CSS
• JavaScript

Project 2 focuses on higher-level website constructs:

• APIs
• Libraries
• Professionalism

Goal

The goal of this project is to develop a small, static website (no database or backend servers) that can be a portfolio item for you that's demonstrable of familiarity with consuming APIs and utilizing modern web development tooling.

Requirements

Your project will be assessed on the following:

• Technical correctness (proper use of tags, styles, no JS errors, etc.)
• Use of a public API (a RESTful JSON API is recommended)
• Use of existing CSS/JS libraries
  • JavaScript: use a front-end component-based library (e.g. Vue.js or React.js)
  • CSS: use a library to help with user interface styling (e.g. vuetifyjs.com or Twitter Bootstrap)
• Aesthetic of site (does it look professional, is it responsive across devices, etc.)
• Add social tags (OpenGraph and Twitter)
• Add analytics to track user views (e.g. Google Analytics)
• GitHub project documentation (https://guides.github.com/features/wikis/)
  • README.md
  • LICENSE.md
  • CONTRIBUTING.md
  • Good examples of the above are here: https://github.com/18F/open-source-policy

Plan

Here's my recommendation for building your project:

1. Start by finding a data set that you think is interesting and has a JSON API.
2. Think about how you want to display that data (in a table, chart, map, etc.)