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:
- HTML
- CSS
- Vanilla Javascript
Web Development Process
Features and Functions
- CRUD of health tracker table
- Auto increment of number in row as new record is submitted
- Localstorage session
- Create UID using Javascript
- Client-server form validation
- Clock
