📢 Sponsored: Check out Susan's Sudoku - A free daily sudoku puzzle.

Beginner

Build a Password Manager

Build a modern Full-stack Ruby on Rails Web Application with a secure JSON API and a Google Chrome Extension

Updated May 24, 2025
Price: $12.99

Description

In this course, you'll build a password manager inspired by popular applications like 1Password and LastPass. The 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 a Rails backend.

You'll begin by creating a Ruby on Rails 8, Full-stack web application. Leveraging the power of Hotwire, you'll create a lightning-fast Single Page Application (SPA). You'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 the database.

Next, while working in the same Ruby on Rails 8 web application, you'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, you'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. You'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.

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 best practices

This course includes:

  • 7.5 hours on-demand video
  • 6 articles
  • 11 downloadable resources
  • Access on mobile and TV
  • Full lifetime access
  • Certificate of completion

Or if you prefer the 9 YouTube videos.

More "Premium" Projects

Learn Hotwire

The most comprehensive course on Turbo, Stimulus, and Hotwire Native.

Rails Designer UI

A new UI components library, built with ViewComponent, Tailwind CSS and Hotwire.

More "Courses" Projects

Learn Hotwire

The most comprehensive course on Turbo, Stimulus, and Hotwire Native.

High Leverage Rails

An in-depth video course on Rails + SQLite for beginners.

Learn Hotwire by Building a Forum

A free course where you'll build a real-time forum and get into use-cases that aren't as simple as the Hotwire chat demo.

More "Real World Example" Projects

Campsite

The new standard for thoughtful team communication — replace noisy chats with focused, organized posts.

Campfire

Super simple group chat, without a subscription. And you get the code, too.

Flexile

Payroll & equity for everyone, by helping you onboard and pay qualified remote contractors to help you grow your business cost-effectively.

Stay updated with the latest Rails projects

Join our newsletter to get updates on new Rails projects and resources.

    We won't send you spam. Unsubscribe at any time.