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.

Timestamps:
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: https://www.toggl.com/

Get great icons here: https://fontawesome.com/

Get the code here: https://github.com/philsmy/stimulus-hwturbo-bs5-demo

Some people online just talk – I just do. One of my major SaaS products out there is Zonmaster.com (https://public.zonmaster.com) 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 https://m.do.co/c/f1c6edf8597f 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.