High-Intensity Interval Training (HIIT)
Code your passion.
The final project of the course, Programming User Interfaces, was to code a website of our interest. I’m a big fan of staying active and healthy, and for this reason I decided to build a site about High-Intensity Interval Training (HIIT). This type of workout encourages maximum effort in a short amount of time in order to have the most efficient outcome. My objective was to encourage and equip interested people with the right information and tools to begin doing HIIT workouts.
School: Carnegie Mellon University
Course: Programming User Interfaces
Year: 2019
Duration: 2 weeks
Languages: HTML/CSS, JavaScript
The Challenge.
Reflective of current technology users, the project required creating a website that was engaging and responsive. With no technical background, I knew this was going to be a tremendous undertaking. My objective was to learn to apply best coding practices, leverage libraries and incorporate animation to give the website some personality.
The Website.
My final website consists of a single scrollable page that takes visitors through a quick educational journey about HIIT.
What is HIIT?
The website starts with a quick summary about HIIT — explaining the objectives of this type of workout.
Structure of a HIIT Session
This is followed by information on the structure of a HIIT session, which is defined by long periods of work followed by short periods of rest — this aspect is what differentiates HIIT from other types of workouts. I also include three levels for structuring a session depending on a person’s skill level.
Benefits of HIIT
The website then provides a list of benefits on why this workout is valuable.
Exercises
The next part displays a set of exercises people can start with. Each exercise includes a description and a short, looping video showing the most important part of the exercise. This ensures that users learn the right technique and avoid injuries.
Reflection.
The learning experience for this project was challenging throughout, but I’m now more familiar with the work that developers undertake. As a future collaborator with software engineers, I’m more empathetic and understanding of their process.
As Orson Welles once said:
“The enemy of art is the absence of limitation”
When someone is given constraints, it’s arguably easier to be creative. Learning how to program interfaces has taught me the capabilities and limitations of current technology — enabling me to design creative, yet feasible products.
