Stimulus, Hotwire, Bootstrap 5, Rails 6 – and a viewer question!

In this episode I tackle (kind of) a question put forward by a viewer on another video – handling the showing of duration in Rails.
To do that I create a new Rails6 app and plug in Stimulus.js, Hotwire/Turbo and Bootstrap5.

00:00 Introduction – Explanation
02:33 Environment
03:15 Create Rails app
04:04 Install Hotwire/Turbo
05:50 Install Stimulus
07:20 Install Bootstrap 5
09:50 Developer stuff for VSCode and Ruby
11:54 Create Model
17:00 Create the views
29:00 Calculate and display Duration
38:05 Use Stimulus to update the display
50:35 Use Hotwire to create and update the Timers
01:02:30 Summary

The inspiration for my answer is the great time tracker from Toggl (see it here:

Get great icons here:

Get the code here:

Some people online just talk – I just do. One of my major SaaS products out there is ( THE AutoResponder and Customer Management tool for Amazon Sellers. Join over 17,000 other Amazon Sellers and sign up today!

Looking for great hosting? I’ve been using DigitalOcean for 7 years and they have never let me down. Amazing.
Check them out here and get $100(!!!) free credits towards the cost of servers.

#rubyOnRails #entrepreneurship #softwareDevelopment


Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.