Free Course Image Full Stack WebApp

Free online courseFull Stack WebApp

Duration of the online course: 34 hours and 20 minutes

New

Build a real full-stack web app with this free Ruby on Rails course—auth, payments, bookings, and deployment—plus skills you can showcase in your portfolio.

In this free course, learn about

  • Set up a Rails 7 app: new project, structure, Gemfile role, and basic routes/Hello World
  • Integrate TailwindCSS and build core UI pieces (navbar, header) with Stimulus controllers
  • Implement authentication with Devise: signup/login pages, helpers like user_signed_in?
  • Model property listings, seed data with Faker, and handle money with money-rails
  • Manage images via Active Storage; build property galleries with slider/swiper UI
  • Build reviews: templates, ratings, average/overall calculations, and counter cache optimizations
  • Create wishlist feature: DB table, API endpoints, Stimulus UI, login-required behavior and fixes
  • Implement reservations/bookings: tables, indexes, pricing logic, confirmations, and blocked dates
  • Add booking datepicker with flatpickr and disable dates that overlap existing bookings
  • Integrate Stripe payments: customer/session setup, controller flow, and completion handling
  • Add user profiles: dashboard UI, profile model, edit picture/email, country select, notices/alerts
  • Host/owner features: ownership on properties, owner dashboards, edit amenities/images, delete property
  • Search system: modal + client form, backend search algorithm, and DRY/refactoring improvements
  • Maps + deployment: Google Maps markers/location editing and deploy to Render for production

Course Description

Turn a blank folder into a production-ready web application and learn what full-stack delivery really looks like in Ruby on Rails. This free online course guides you through building a complete marketplace-style platform with the kinds of features employers expect: secure authentication, modern UI styling, image handling, interactive components, data modeling, and robust backend logic. Instead of isolated snippets, you practice connecting every layer of a real product so you can move confidently from idea to a working WebApp.

You will work with core Rails conventions and the ecosystem around them, understanding why tools like the Gemfile matter, how routing decisions shape your architecture, and how to keep your code maintainable as the project grows. As the app expands, you will build a solid database foundation, create relationships between models, generate realistic seed data, and improve performance using practical optimizations such as caching and indexing. Along the way, you will strengthen your ability to debug real issues that appear during development, including UI inconsistencies and API edge cases.

Beyond CRUD fundamentals, the course emphasizes the flows that make a WebApp feel complete: wishlists, reservations, ratings and reviews, rich text, user profiles, host/owner management, and media uploads. You also add booking logic with date selection and blocked availability, implement pricing calculations, and integrate Stripe payments so the application can support real checkout behavior. The frontend experience is treated as first-class, combining Rails, TailwindCSS, and Stimulus to create responsive layouts and interactive features without losing clarity on the backend responsibilities.

Finally, you learn how to ship: preparing the app for production, integrating services like maps, and deploying to a real environment so you can share your work. By the end, you will have a stronger backend development toolkit, a clear understanding of full-stack Rails workflows, and a project you can confidently reference in interviews, freelance proposals, or your portfolio.

Course content

  • Video class: Ruby on Rails (2024) - Airbnb Clone - Introduction - Part 1 08m
  • Exercise: Which technologies will be used in the Airbnb clone series?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Create new project - Part 2 13m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Project structure - Part 3 09m
  • Exercise: What is the role of the Gemfile in a Ruby on Rails project?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Hello World - Part 4 13m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - TailwindCSS integration - Part 5 10m
  • Exercise: Which command is used to integrate Tailwind CSS in an existing Ruby on Rails project?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Navbar setup - Part 6 28m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Devise User Authentication - Part 7 14m
  • Exercise: What is the primary library used for handling authentication in the video transcript about building an Airbnb clone?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Header stimulus js - Part 8 25m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Rails Routes - Part 9 20m
  • Exercise: What helper method is used to check if the user is signed in?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Signup page redesign - Part 10 17m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Login page redesign - Part 11 21m
  • Exercise: What is the purpose of the "controller name" condition mentioned in the document?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Properties List Design - Part 12 20m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Properties Model - Part 13 24m
  • Exercise: What is the main focus of the video series part discussed?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Faker gem for fake data - Part 14 11m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Money Rails Gem - Part 15 20m
  • Exercise: What is the purpose of using the money-rails gem in the project?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Active Storage for property images - Part 16 14m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Image slider/swiper - Part 17 23m
  • Exercise: What feature was added to the Airbnb clone in part 17?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Adding reviews - Part 18 26m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Displaying average rating with counter cache - Part 19 29m
  • Exercise: What problem does the video transcript primarily address in the context of an Airbnb Ruby on Rails app?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Wishlist design using stimulus - Part 20 14m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Minor fixes to wishlist icon - Part 21 14m
  • Exercise: What should happen if a user attempts to add to the wish list without being logged in?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Wishlist table and api creation - Part 22 32m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Wishlist minor changes - Part 23 12m
  • Exercise: What function determines if a property is wishlisted by a user?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Wishlist api calls - Part 24 24m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Wishlist wrap up - Part 25 05m
  • Exercise: How is the bug in the API call fixed?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Reservations table - Part 26 12m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Reservations wrap up - Part 27 41m
  • Exercise: What is the purpose of adding an index to the reservations in the Airbnb clone project?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Property page template - Part 28 15m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Property page Headline - Part 29 28m
  • Exercise: What did the video focus on in Part 29 of the series?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Wishlist fixes - Part 30 12m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Property images - Part 31 15m
  • Exercise: In the latest development video of the Airbnb clone series, what major update was made to property listings?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Property name and details -Part 32 28m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Property description - Part 33 07m
  • Exercise: How can we optimize the description feature in an Airbnb clone series using Rion Rails?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Using action-text - Part 34 20m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Reviews template code - Part 35 55m
  • Exercise: Which aspect of the Airbnb clone video focuses on user interface changes?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Calculating average ratings - Part 36 10m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Calculating overall ratings - Part 37 22m
  • Exercise: How are overall ratings grouped in the system?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Optimisation - Part 38 04m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Review item ui - Part 39 23m
  • Exercise: What is the planned focus for the next project series?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Review item backend - Part 40 27m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Amenity table model - Part 41 17m
  • Exercise: What type of relationship is used between properties and amenities in a Ruby on Rails Airbnb clone series?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Property amenity table model - Part 42 24m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Amenities seed data - Part 43 09m
  • Exercise: How does the speaker handle unique entries in amenities for properties?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Designing amenities - Part 44 25m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Designing Modal - Part 45 23m
  • Exercise: What is the main focus of the video tutorial?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Generalising Modal - Part 46 37m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Modal wrap up - Part 47 34m
  • Exercise: Which models were set up and implemented in this video session?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Booking UI - Part 48 27m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Calculate pricing in booking - Part 49 26m
  • Exercise: What component is being set up in the current video?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Datepicker flatpickr in rails - Part 50 34m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Datepicker disable dates - Part 51 21m
  • Exercise: How can you ensure dates with existing bookings are blocked in a date picker?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Booking confirmation page - Part 52 12m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Booking confirmation data - Part 53 17m
  • Exercise: What value does the 'Service Fee' represent in the calculation logic?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Design booking confirmation - Part 54 35m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Stripe Payments Design - Part 55 27m
  • Exercise: What should you do first before attempting actions in the booking controller?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Stripe Payments Customer Setup - Part 56 29m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Stripe Payments Session - Part 57 33m
  • Exercise: What was the problem faced with the original Stripe setup?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Finishing Payments - Part 58 21m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Wishlist page - Part 59 24m
  • Exercise: What is the main focus of the current video in the project?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Profile page template - Part 60 09m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Profile sidebar - Part 61 27m
  • Exercise: What is the main purpose of the user profile dashboard in the discussed system?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Reservations 20m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Minor UI Fixes - Part 63 11m
  • Exercise: What issue was addressed regarding the header image in the application?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Signup page fix suggestions - Part 64 08m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Creating Profile Table - Part 65 17m
  • Exercise: What is the correct approach to address the signup page issue in an application?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Auth fixes - Part 66 09m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Add Review Page - Part 67 18m
  • Exercise: In the Airbnb clone tutorial series, which action is typically used when adding new data?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Add Review Backend code - Part 68 29m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Review Rating - Part 69 33m
  • Exercise: What is the purpose of using a hidden field in the form UI?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Review Rating continued - Part 70 20m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - reviews controller optimisation - Part 71 06m
  • Exercise: What was the main suggestion regarding user review handling in the code?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - DB optimisation for reviews count - Part 72 20m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Add Review final changes - Part 73 25m
  • Exercise: What is the unique combination required for each review in the database?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Profile seed data fix - Part 74 09m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Edit Profile - Part 75 19m
  • Exercise: What is the purpose of changing the profile route?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Using country select gem - Part 76 32m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Edit profile picture - Part 77 05m
  • Exercise: What was the primary focus in the video series related to Airbnb clone development?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Edit email 14m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Redesign notices 15m
  • Exercise: Which statement describes the implementation of notices and alerts in a Ruby on Rails application?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Owner host setup work - Part 80 16m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Owner properties index page - Part 81 21m
  • Exercise: How can user ownership be added to properties in a Rails application?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Owner Reservations backend - Part 82 11m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Owner Property Edit basic - Part 83 25m
  • Exercise: What change was made to the owner reservations?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Update Property Amenities - Part 84 15m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Remove Property Images - Part 85 19m
  • Exercise: What was the focus of this video in the series?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Add Property Images - Part 86 16m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Delete Property - Part 87 18m
  • Exercise: How can you implement the delete functionality in a Rails application?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Understanding data and destroy a bit better - Part 88 11m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Fixing property description - Part 89 15m
  • Exercise: What is a key feature added to the property management system?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Add Property - Part 90 22m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Add bedroom, bed, bath, guest count Part 91 06m
  • Exercise: What default value is set when adding a new property without inputting values for bedroom, bed, or bathroom counts?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Show search modal - Part 92 07m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Search form client side - Part 93 31m
  • Exercise: What is being configured in the video?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Property Search Algorithm - Part 94 38m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - DRY code - Part 95 28m
  • Exercise: What is the main focus of the video described?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Fixes and DB updates - Part 96 27m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Google Maps and Marker - Part 97 32m
  • Exercise: What is a crucial step when implementing Google Maps in a web project using JavaScript API?
  • Video class: Ruby on Rails 7 2024 Airbnb Clone - Edit Google Maps Location - Part 98 42m
  • Video class: Ruby on Rails 7 2024 Airbnb Clone - Deploying on Render production - Part 99 23m
  • Exercise: Which deployment service is highlighted as free in the tutorial?
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - Google maps in production Part 100 06m
  • Video class: Ruby on Rails 7 2024 - Airbnb Clone - What's next - Part 101 02m
  • Exercise: What is planned for the future videos in the series?

This free course includes:

34 hours and 20 minutes of online video course

Digital certificate of course completion (Free)

Exercises to train your knowledge

100% free, from content to certificate

Ready to get started?Download the app and get started today.

Install the app now

to access the course
Icon representing technology and business courses

Over 5,000 free courses

Programming, English, Digital Marketing and much more! Learn whatever you want, for free.

Calendar icon with target representing study planning

Study plan with AI

Our app's Artificial Intelligence can create a study schedule for the course you choose.

Professional icon representing career and business

From zero to professional success

Improve your resume with our free Certificate and then use our Artificial Intelligence to find your dream job.

You can also use the QR Code or the links below.

QR Code - Download Cursa - Online Courses

More free courses at Backend development

Free Ebook + Audiobooks! Learn by listening or reading!

Download the App now to have access to + 5000 free courses, exercises, certificates and lots of content without paying anything!

  • 100% free online courses from start to finish

    Thousands of online courses in video, ebooks and audiobooks.

  • More than 60 thousand free exercises

    To test your knowledge during online courses

  • Valid free Digital Certificate with QR Code

    Generated directly from your cell phone's photo gallery and sent to your email

Cursa app on the ebook screen, the video course screen and the course exercises screen, plus the course completion certificate