JMC/MCO 102: Coding for Journalists — Module 7: Final Project

Project Located At Glitch: https://ejmyers-finalassignment.glitch.me

For the final project, you will create a page with a working timeline. It will allow users to move a slider back and forth to see different points, very similar to the butterfly example shown in the learning materials.

You will make a timeline about a topic of your choosing (but not about butterflies or COVID-19). Because this is a timeline, your topic should have chronological dates or step-by-step stages. If you need inspiration, consider explaining something you’ve learned in another class this semester. Feel free to be creative! You’re welcome to run an idea by me before you commence. 

You should start by Remixing this Glitch (Links to an external site.), which has the framework of the project:

https://glitch.com/~jmc102-finalproject (Links to an external site.)

Images of a working example about COVID-19 are included below. 

Submit to Canvas your working Glitch URL, which should have the following:

  1. An original <title> tag
  2. A main headline <div> class with large, bold, centered text
  3. A description <div> class containing (in this order):
    • Left-justified paragraph of a few sentences explaining your timeline
    • At least one clickable link
    • At least one list (ordered or unordered)
    • Italicized instructions for the user
  4. The background color of the main headline section, the description section, and page should each be a different color (three unique colors total)
  5. A slider timeline with at least four different positions in chronological order
  6. Each position on the timeline will display a different scene
    • Everything in the scenes should be centered
    • Each scene has its own:
      1. date, small and in italics (Note: this can also be “steps” or another label as long as it progresses in incremental order, e.g. chronological, “Step 1, Step 2, etc.”)
      2. headline, large and bold
      3. image, each uploaded to your Glitch assets folder
      4. description of the scene in one or two complete sentences
  7. You will have to write text and headlines for this assignment. While the coding is the most important aspect of this project, this is still a journalism class. Thus, your text and headlines must be clear, accurate, original, and free of mistakes. Any spelling or grammar errors will result in -10% on the final project. I advise you proofread your work and consider reading it aloud for clarity.