Weight Loss Progress Tracker
Challenges
Quick Video DemoThe client's goal was to replicate "Google Sheets" functionality in a custom UI, to allow them to see all of their clients data at a glance, and track results/progress.
The data-loading aspect of this was pretty simple, as it's tabular data, mostly just dumped out for the client. No processing or anything, but the tough part came from the fixed horizontal and vertical "header columns" in the table. These had to be kept consistent with the rest of the sites layout using a combination of Javascript and CSS.
Functionality Screenshots
Technologies Used
Javascript
AJAX loading of user results, maintaining "header" row and column size and position as the tables were scrolled.
PHP
Creating unique hash codes for each client email, which allowed user's to enter their data without needing a login each time.
MySQL
Storage of processed records, user data, etc.
CSS Flexbox
Frontend Layout & Responsive Design