Build an eCommerce with Hotwire, Razorpay | Ruby On Rails 7

Create a new Rails app using esbuild and Tailwind, with optional Postgres or SQLite. Install Flowbite and Flowbite date picker, configure, then create a GitHub repo and push.

Install device for user authentication, scaffold a product model, and customize the flowbite navbar to create a Rails 7 ecommerce app with proper login, sign out, and current user checks.

Enable active storage for image uploads, attach multiple images to products, and design a grid of product cards on the index page that links to each show page.

Simplify the product show page by removing clutter and highlighting the product name, price, and description, and add an image carousel.

Create and connect cart, line item, order models in Rails 7 with belongs_to and has_many associations, set optional order on line items, and persist a session-based cart across user logins.

Add a carts route and a carts controller show action in Rails 7, render cart using current_card and its line items, and display a Tailwind cart icon in the navbar.

Design the cart page by listing line items with product name, truncated description, and price; compute subtotals and total via a cart model method.

Implement add to cart and remove from cart in Rails 7 by managing line item quantities, building forms, routing post and delete actions, and updating the cart.

Implement quantity controls for cart items using turbo frames and turbo streams, adding and subtracting quantity via line items without full page reloads.

Master turbo frames and turbo stream to update cart subtotal and cart icon without full page refresh. Manage increment, decrement, and removal of products via partials.

Create and update a user address in a Ruby on Rails 7 app using a get route, a customers controller, and a Turbo Hotwire enabled form wired to current_user.

Master in-page address editing in a Rails 7 app by wiring a stimulus controller to fetch and Turbo stream update address blocks, replacing content with an editable form.

Build an add-to-cart flow by replacing the add button with a quantity form, using turbo frames and streams to add from the index and update the cart in real time.

Learn to fix dynamic add-to-cart forms in a Ruby on Rails 7 app using Hotwire techniques, updating Turbo frames, and handling quantities with robust server responses.

Integrate Razorpay in a Ruby on Rails 7 app using Hotwire, securely manage API keys via credentials, and dynamically update checkout amount and order ID with Stimulus and Turbo.

Learn to integrate Razorpay payments with Rails 7, redirect to a success page, and create orders by transferring cart items to order line items, plus session cleanup.

Design a polished success page for order confirmations and implement a logged-in customer orders index that displays each order's line items, products, quantities, and total price in rupees.

Implement single table inheritance by adding a type column to users, creating an admin class that inherits from user, and using current_user.type to tailor orders and admin controls.

Design login and signup pages with responsive form layouts, hover effects, and bold call-to-action buttons, while implementing admin access control and cart behavior for e-commerce.

Enhance the eCommerce app with turbo streams powered flash messages for cart actions, including item added, already in cart, and quantity updates, plus login redirects and dynamic checkout button behavior.

Learn how to build an admin workflow to mark orders as delivered using a status enum, a database migration, and turbo stream updates in Rails 7.