/assignment

The Assignment Tracker was created to help students keep track of assignments as they work with a tutor or college application coach.

Primary LanguageJavaScriptOtherNOASSERTION

Assignment Tracker

The Assignment Tracker was created to help students keep track of assignments as they work with a tutor or college application coach. Through the app students are able to log in and create, update, and delete assignments. There is also a special button when a stuent completes an assignment that will display a blast of confetti.

User stories:

  1. As a user I want to see all of my assignments
  2. As a user want to check off assignments that I have completed
  3. As a user I want to create an assignment
  4. As a user I want to update assignments

The backend of this website can be found here: https://github.com/KatherineWard/AssignmentTracker_API and https://assignmenttracker.herokuapp.com/

The front end can be found here: https://katherineward.github.io/AssignmentTracker_Client/ and https://github.com/KatherineWard/AssignmentTracker_Client

Technologies used:

  1. HTML
  2. HTML Canvas
  3. CSS
  4. Javascript
  5. jQuery
  6. AJAX
  7. Handlebars
  8. 'confetti.js'(jQuery library)
In planning for this app, I first created the wireframe (below). Then I set out to create the basic CRUD functionality. Lastly, I created styling and CSS animations such as the spinning pencil and confetti drop. I used 'confetti.js', a jquery library to implement the confetti. In future iterations, I would like to make the confetti fall over the assignment boxes and also have the assignment box show somehow that the user has finished.

Set up and Installation Instructions

  1. Fork and clone this repository.
  2. Install dependencies with npm install.

A screenshot of the app looks like this: