Vanilla Javascript

Health Tracker.

A Health Tracker made for desktop view using vanilla javascript

Summary

I took reference from LearningZity’s youtube tutorial while learning CRUD in Vanilla Javascript. The idea came about whenever my son fall sick and I have to track his temperature, fever and medicine intake. The title and naming convention used are from a nurse’s perspective when admitting a patient in a hospital. The Health Tracker stores session data, which will be retained until the session timeout occurs.

The form asks for core information about the patient where input fields are color-coded for validity-check, font-size are slightly bigger for easy readability only in desktop view and a clock to keep track of the current time.

Technologies Used:

  1. HTML
  2. CSS
  3. Vanilla Javascript

Web Development Process

Features and Functions

  1. CRUD of health tracker table
  2. Auto increment of number in row as new record is submitted
  3. Localstorage session
  4. Create UID using Javascript
  5. Client-server form validation
  6. Clock