Course Information
Course Overview
Build a modern Full-stack Ruby on Rails Web Application with a secure JSON API and a Google Chrome Extension
In this course, we're going to build a password manager inspired by popular applications like 1Password and LastPass. Our application will enable users to create secure accounts, allowing them to store login credentials for their favorite websites. These credentials will be easily accessible through a Chrome Extension, powered by a secure, robust JSON API from our Rails backend.
We'll begin by creating a Ruby on Rails 8, Full-stack web application. Leveraging the power of Hotwire, we'll create a lightning-fast Single Page Application (SPA). We'll also take advantage of advanced Rails 8 tools such as Active Record Encryption, ensuring sensitive user information like usernames and passwords are securely encrypted and safely stored in our database.
Next, while working in the same Ruby on Rails 8 web application we'll start building out a secure JSON API, implementing user authentication using JSON Web Tokens (JWT). Users who successfully authenticate will receive an expiring token to securely fetch their data through subsequent requests.
Finally, we'll use the Google Chrome Extension API and Hotwire (yes, you can use Hotwire outside of Rails!) to build a similar version of our web application as a Chrome Extension. We'll cover essential topics such as using local storage, communicating between the Popup and Content Script, retrieving URLs from active tabs, and automatically filling login forms with a single click.
CHANGELOG:
- July 17, 2025 (Section 1 - Lesson 3): Update SafePassExtension zip file with missing assets.
Course Content
- 10 section(s)
- 69 lecture(s)
- Section 1 Introduction
- Section 2 Creating our Ruby on Rails Application
- Section 3 Authentication
- Section 4 Creating our Entry Resource
- Section 5 Hotwire - Converting to a Single Page Application (SPA)
- Section 6 More Hotwire - Turbo and Stimulus JS
- Section 7 Secure JSON API With JWT
- Section 8 Chrom Extension - SafePass Intro
- Section 9 Chrome Extension - Authentication
- Section 10 Chrome Extension - Entries
What You’ll Learn
- Learn how to create a Single-codebase Rails app combining a web UI with secure JSON APIs for a Chrome Extension
- Learn how to create a Google Chrome Extension That consumes a JSON API from a Ruby on Rails application
- Learn how to create a secure JSON API with JWT authentication
- Learn how to leverage Hotwire to create a Single Page Application (SPA) that rivals any modern Javascript framework
- Learn how to use Howire (Turbo and Stimulus) outside of a Ruby on Rails application
- Learn how to leverage the Google Chrome Extension API to render data based on the current website and fill in form data with the click of a button
- Learn Ruby on Rails beset practices
Reviews
-
UUdemy User
Way too much styling content.
-
CCtrl P
Thank you for creating this course, I was pretty much completely new to rails and this gave me a great rundown and I now understand how to use and connect models, views, and controllers. P.S. It was very helpful keeping the small errors and seeing you debug them live.
-
FFernando Vieira
As a non-native english speaker, I think the instruct speaks so fast, and I cannot fully understand him without the subtitles.
-
AAhmaud Templeton
Moves a little faster than expected, but that's not a bad thing. Just takes a little getting used to.