Build room booking app with Ruby on Rails - Level 1

Leotrieu

Leo Trieu

Airpikachu

Full Source Code

Discussion Support

About

This project is a series of 3 Projects (Pikachu, Kong, Godzilla) with 3 different levels (Level 1, 2, 3). We are going to build a platform like Booking or Airbnb.


In this project, I will walk you through steps to develop apps like Booking, Hotels or Airbnb with core functionalities from scratch. You don't need to learn everything about HTML, CSS, Javascript or Ruby on Rails to just create a web application. In my methodology which I called POA (Product-Oriented-Approach), you just need to learn what you need. Doing this way, it won't make you a superstar developer but will get you something REAL quickly and efficiently, especially for Entrepreneurs & Founders.

Who It's For

  • Beginners

  • Promotion seekers

  • Entrepreneurs & Founders

  • Designers

  • Front-end Developers

What skills will we learn during this Level 1?

  • How to quickly create a web app with Ruby on Rails.

  • Style your web app easily and quickly with Bootstrap.

  • Design your UI like a modern style.

  • Use Facebook to authenticate your users.

  • How to send transactional emails with Gmail/Mailgun.

  • How to create Object models for a business idea.

  • Handle photo uploading process with AJAX.

  • Process searching function with different criteria.

  • Handle location searching on Google Map.

  • Handle jQuery event for UI controls.

What features will we build in this Level 1?

  • Simple authentication with email/password.

  • Advanced authentication with Facebook.

  • Sending transactional email when new user signed up.

  • Page for users to edit Profile

  • Page for hosts to create/edit Room

  • Photos Upload to AWS S3.

  • Room reservation system with Start Date, End Date.

  • Room searching system with different criteria.

  • Functions Allow Hosts to Create Rooms in Steps.

  • 2-way Review System.

  • AJAX Searching.

Requirement

All I ask for is to pass the Free course "Learn Ruby on Rails, Heroku and Wistia APIs" with the understanding of how Rails works. That's it.


Sample Videos

Video # 1
 
Video # 2
 
Video # 3
 
Video # 4
 
  • E0d320adf1df6c780db7c46e4fffd074

    thu le

    I think it should be update, since Rails release version 6 and this still at version 5

  • 61c4e5784ef8adaad917dd2d0cda1df3

    Denis Wambua

    This is the best programming training I have taken so far! Keep it up Leo!

  • 4803918?v=4

    Nicolas Corbalan

    Awesome course and a great teacher. Sometimes I got stuck but Leo is always there to help you with doubts.

  • 135d91624367f8521e1595f2ffb8428b

    Zakir Jaafar

    Great stuffs. Shows the effort & thinking Leo & team put for this tutorial. Highly recommend.

  • Photo

    Ahmad Al-Baqawi

    Amazing walk by on Ruby on rails and best tutorials for web development. Keep coding and teaching Leo :D

  • 3b00ea0f969d0b5e2e606264db4fe82f

    shijin

    Definitely one of the best tutorials in the web. Very practical and Useful. Highly recommend!

  • B51ec86a6b0620d34df99abf7508f5e5

    Sam

    as icchy says, it's more of watching how Leo types over his shoulder. Not much explanation on why codes were typed.

  • F1b4ad2cb312617fdfd5217298e5782b

    ichhy

    It is like just a typing codes. No explanation about others.

  • 9f66bd4a6821bf0b101dd3a7538fecfd

    Daniel Bahamon

    This course is amazing. Thank you Leo.

  • 1875421?v=3

    Jeremy Peronto

    Thanks, Leo. I appreciate the material and your consistent maintenance of the course and comments section.

  • 710c277e9c3bd18b423b2d40d01fc07f

    Brent Wheeler

    Thank you so much. I'm closer then ever to my MVP

  • 3763c3d3cedf2ac7963213f8eac840bd

    Kenny Lai

    Excellent class. Highly recommend Leo!

  • Picture

    Ricardo Leiva Sikic

    Thanks bro! Hey bro theres a way that i cant see my course offline..i mean sometimes i have not internet where im living hahaha.

  • B90c2f4da7bdd25732138740a55c2815

    lananh

    Thanks so much.

  • F80769380a7bdf446eccbf25a3807d48

    Gardy

    Amazing course. Learnt a ton!!!!

  • A48464c7c0b97ace87c1477ff9ea79a3

    LaTasha Coates

    Amazing! I had absolutely NO tech experience, but was able to follow and understand what Leo has taught us in this level of the Airbnb series. Thanks so much!

  • Picture

    Sudip Lahiri

    great job

  • Picture

    André Marques

    Great Course! Leo is a good Instructor and highly knowledgeable. With enough dedication you will be able to take or MVP off the ground with this course..

  • C90ea0db9394cdbeadf984187a562db4

    gerald

    Part 1 is probably better than part 2 in my opinion. You get a lot of real nuggets that are useful to understand web development.

  • 7fc640514e5d533ad4c2ec4c06dc723d

    Munir

    Most practical and real world course. Highly recommended !!

  • Photo

    ĐỨC NGUYỄN THÀNH

    It's good but It's better if you should provice subtitiles

  • 8e49f57fa8dd81a0b14fdeb3f3d062b2

    Nik Laskaris

    Excellent.

  • 1e8bc0f35d5a293130b15cb9b588253d

    Cem

    Amazing approach and awesome course. Strongly recommended. you will not regret!

  • 3d280ef2de7bc6aeb7a5a92cc41082b5

    Isaac Gonzalez

    It was cool, maybe a little more explanation in some parts, for eg. how can I link all the rooms with the same calendar? So a user can't schedule a room 1 if room 2 already took those days. For some business ideas, this can be useful.

  • 1973d449797e45efb80d68a52ee5b882

    Kanji

    Awesome...

  • 3a86878480a80d38fc6e44c63b9724c6

    Hiroki Yamazaki

    so nice!!

  • Picture

    Jamie Draper

    So far so good! Proving invaluable for getting my business idea off the ground. I'm going back and filling the gaps in my rails knowledge too. Obviously Leo can't cover absolutely everything, and this combination of building a real site with Leo and then studying specific topics on my own is working fantastically.

  • Photo

    andres roldan

    Amazing work, it works great

  • F891a7360f0606628492f746a96f197b

    Alyson T

    :)

  • 8978280?v=4

    Doug

    Probably the best "tutorial" I have seen so far. What this delivers that others lack is a holistic methodology to build a real application in rails. As someone who is new to rails specifically, I was happy that the code worked as written on the tutorial which shows a commitment to delivering a quality product. Thanks for everything. Onto project #2

  • A2e111ef623b79b329229e04c41b5d3d

    Nimi

    just awesome man

  • 03b4ddb6807ddc8daf29b6f2eed7d662

    Alon Moss

    Fantastic!

  • Photo

    Mriganka Bhuyan

    nice

  • 63f6c546374454cc956b700228e1c6ea

    David

    Great staff

  • 286631ac606296bde4413ea7793ce633

    David Ng

    That is cool. Old dogs can learn new tricks. Thanks for showing me features that I have missed.

  • 0476fe6950c384050dede607cbd625bf

    David

    Great! Learnt a ton, and Leo made it easy to follow the whole way through. Thanks!

  • Bfd99d1d0dc98bf5ce335003c2e4ce68

    Y NAGA KRUSHNA

    Best Tutorial by Leo, Thank you for such an amazing course, i learned so many things from this course.

  • 5316849?v=3

    jdooley26996

    Wow! I just finished Level 1. I learned so much. Diving right into Level 2. Thanks Leo!

  • Picture

    Tamas Konya

    I cant find better tutorials than yours... :)

  • Picture

    Miriam Esp Jorrin

    Great course, absolutely loved it!!! thanks Leo!!

  • D20bea344012d92083cffdf98d88721c

    Brian Fairpla

    Nice!

  • 1d92959d98ed951d17cc8ca32486d26c

    Carol Rocha

    Excelente course! I actually got to learn rails in this course. The didactics is great, with it I was able to easily learn to make complex modules in a web application. Thank you Leo!

  • C705d669b71e1a0f35eba85a38392c8f

    Cédric Césaire

    Great course Leo ! Can't wait to begin the next level !

  • 14876971?v=3

    Artem Shevchenko

    Leo you're awesome! Excellent course, we are waiting for new courses!

  • Photo

    Norihito Nakata

    Great, nice course! I learned many technique about the server and front side aspects for rails web application.

  • 24786136?v=4

    F.Meng

    only show you the code, almost no explanation

  • 9083dc044fe37d1b7a16cd2b3dc168d0

    Giovanni Panasiti

    Awesome project! 4 stars just because I would have loved to see a bit of testing on it

  • Picture

    Joel Garcia

    Excellent course leo :D, I learned a lot throw all this course, so now let's go next course LEVEL 2

  • Picture

    Christos Karolemeas

    Excellent course!! Can't wait for third part of the series!

  • 1520187?v=3

    Anthony Candaele

    Great course, glad I made it to the end. Now up to AirKong!

  • A39788267dcb64a6af78c48124146ffc

    Nathan Cope

    Excellent course. Leo, you're a great teacher!

  • 3b773200a0e85078ebead1494f6c5435

    Joe Minock

    Once again, Leo and the Code4Startup Team have hit it out of the park. "Air Pikachu", the first installment in the AirBnB clone series is well presented, easy to follow, and done well. The first lessons from Code4Startup were done very well and this series raises the already high bar of excellence. Well done guys!

  • Photo

    Ricardo Trejos

    Awesome course! Take it, You will never regret.

  • 11748c7b1424e26ca6fc4af3a9cbd5b8

    Daniel Johnson

    More than I could have ask for. Thanks Leo.

  • Bc180e00a3871879ef7382571e0718ab

    trungnemo@gmail.com

    Hi Trieu, It is great. I I just completed Airbnb1, and now as a Kickstarter backer, I can connect to Airbnb2. But one question that I found from Airbnb1 and Airbnb2 also. That is: HOW I ADD A SECOND LANGUAGE OPTION to the AirBnb2? For Example Default one is English and the other is Vietnamese? What changes to the Views!? MANY THANKS

  • 9e068f8288dac428a3ec28bdf2d81b97

    poppacalypse

    A very well-designed course, and Leo is an awesome teacher! He manages to keep me engaged and motivated throughout. By the end of the course, my confidence has also soared! Thanks Leo, you deserve more than 5 stars.

  • Bc180e00a3871879ef7382571e0718ab

    trungnemo@gmail.com

    Hi Leo, Great Course. I started loving Ruby. Just one question about AirBnd2... I saw your campaign on Kickstarter. So the course will be released and hosted at code4startup.com or at kickstarter!? Thanks

  • D6b257bb24c78c6868195c1986f31f8d

    Tafadzwa

    Leo seems to have really good knowledge and that is amazing. I enjoyed the course a lot.

  • Picture

    Christos Karolemeas

    Value for money course! Waiting for Airbnb2..

  • Cc808ccaa51545051ff744648e56af7c

    Hansel

    In this course, Leo is not only teaching you how to code in a pragmatic and tangible way, but for the many non-tech founders out there, like myself, who wish to start a startup to improve this world Leo empowers you to do so. Thank you, Leo, you are allowing me to fulfill my dreams!

  • B51fe7d2d6b9a094382f502214bec5a1

    Jason Noronha

    Highly recommend. Great value for money!!

  • F6a55c2d022697e36f11cb372418cc23

    Bittu Kumar

    So Far, good

  • 059253db23783be1ada053d98f30c2cb

    Neil Watt

    Awesome. Very comprehensive course and easy to follow, well laid out and explained.

  • 08a24f97e85fb123abbee1db8450f0c5

    Bore Collins

    Wow. Just wow. How I dreamt of owning up this course when I didn't have the money, and eventually when I did, it didn't disappoint me, it was a double blessing. Oh, and Leo gave me a free 2 week bonus because of the Christmas holidays! WOW. I just can't recommend this enough to anyone who really wants to code hands down #*&!%.. :) Another one, Leo!

  • C635b03fac1cc0a560da3ee941a7ce77

    oscar

    This is a great course and Leo give real helpful and quick support! It is really worth. Thanks Leo and keep doing great job!

  • Picture

    Pavle Radoman

    The course itself is okay, however I find Leo's accent quite fatiguing to keep up with. For paid course its a bit outdated, since people actually pay for course, at least, course should been updated frequently. Don't be discouraged this course is GREAT, for starters. Cheers.

  • 796590c1b3b4f390753560dbc09910ca

    Sahidur Rahman Suman

    I really enjoy this course. Thanks to Leo for providing this amazing course.

  • E8eeac1d63ebc3cec286c5d6e0c0c786

    Emanuele

    Very good course. When you complete it you realize how ruby on rails works and you are able to start experimenting yourself more consciously. Just keep in mind that the Airbnb project that you will build is for educational purposes, so you need to put extra effort after the course if you want to make the project a "real life" one. Awesome anyway!

  • 4549212?v=3

    KABBAJ Elhassane

    this course is awesome but i'm still waiting the next Stretch Goals!: "Extra Advance Skill with Graph. AirBnb clone will have graph in the dashboard showing different info in different formats: Geo map, Percentage chart, bar chart."

  • 25013e0fac52263b598706c3efda4d45

    Barry Reeves

    Hi I found the course really good. I learned alot ... it was very helpful in doing my project for college. I learned alot of everyday things that you dont learn in college (eg. facebook authentication on the site....). I recommend the course say if you need to build a website... my one was quite similar to airbnb so I am using this as a sort of template. its quite easy to follow too!!

  • 4718415?v=3

    Stan Amsellem

    Simply awesome. What I love is that lots of rails topics are covered and then it's up to us to choose the ones we want to dig deeper.

  • 8a82fc7ecd2fd954c003769bdb0a7080

    marb

    5 Star Course, the real world product cloning methodology that seems to be in vogue in todays education environment can be very hit and miss but this one is a definite hit. I think Leo hit the sweet spot between depth of subject knowledge matter and breadth of subjects covered, long may it continue.

  • Picture

    Yasunaka Cho

    This is the best programing tutorial that I have ever experienced. This course is well-organized, efficient, and lots of fun!!

  • 14181551?v=3

    Pravalika-Y

    Awesome

  • 5ce1b3167a5b2d8aeaacc992862da0d3

    Dane Lams

    I personally love this Product-Oriented approach as it is so practical. Learning this way is by far the best approach to build a real thing.

  • 10bc523ed730ef33d0e6d4852401e8e9

    Matt Ress

    If you're a beginner of Ruby on Rails like me, read Michael Hartl's book and take this course. One is for your basic Rails and the other is for building real apps.

  • 3a02d991918e41c7a7107ecf718ede66

    Ben Gallander

    I love Leo's teaching style. Will definitely subscribe for more of his courses.

  • 362b552856aae8660df6d6520e8bfae6

    Alfred Henson Co

    Tutorial is amazing, Can't wait for the advanced features of this. It'll be soon! Thanks Leo. All the best.

  • D0c7af6cb775f23abf74e9696dc57af8

    nerwin hernando

    You are amazing Leo. Your instructions are easy to follow.

  • 7bc295593556b720c4cc004dd157b307

    hwanmooy@gmail.com

    Such a great course. You just follow what Leo says, and you will get what you want.

  • Photo

    Ricardo Trejos

    Awesome!!

  • Intro

    • Vision of this project 2:08  
    • Here's what we're going to build 5:57  
    • Download Images + Full Source Code  

  • Task 1: Let's party

    • Install SQLiteBrowser 1:21  
    • Install Atom 2:57  
    • Install Ruby, Rails for MAC OS X 10.9 or higher  
    • Install Ruby, Rails for MAC OS X 10.6, 10.7 or 10.8  
    • Installing Ruby, Rails for Windows  
    • Create a simple Rails Project with Bootstrap 4:40  

  • Task 2: Basic project

    • What we're going to build in this task 1:15  
    • Create basic authentication 5:45  
    • Building navbar with partial view 11:00  
    • Authentication with full name 5:37  
    • Update authentication views 17:04  

  • Task 3: Gravatar, notification & transaction emails

    • What we're going to build in this task 0:29  
    • Gravatar 7:08  
    • Notification 10:38  
    • Sending transactional email with Gmail 10:40  
    • Sending transactional email with Mailgun 6:58  

  • Task 4: Facebook authentication

    • What we're going to build in this task 0:51  
    • Create Facebook app 1:33  
    • Create social authentication 16:57  
    • Styling our views 10:07  
    • Create user profile page 8:59  
    • Create Edit Profile page 12:39  

  • Task 5: Creating Rooms

    • What we're going to build in this task 0:49  
    • Create Room Model 6:03  
    • Create Room Controller 15:42  
    • Create Room View 22:45  
    • Styling our views 9:19  
    • Understanding the workflow 8:50  

  • Task 6: Photos

    • What we're going to build in this task 0:54  
    • Install Paperclip 2:27  
    • Create Photo Model 4:47  
    • Create Photo Controller 7:01  
    • Create Photo View 10:35  
    • Remove Photos with AJAX 8:36  
    • Amazon S3 7:20  

  • Task 7: Improving Room Creating Process

    • What we're going to build in this task 0:48  
    • Add "Check" to Room Creating 9:42  
    • Update the Photo Removing with AJAX 6:57  
    • Issue with hidden fields 5:47  

  • Task 8: Creating Views for Room

    • What we're going to build in this task 1:03  
    • Create Room Index Page 8:52  
    • Create Room Show Page 20:27  
    • Add Google Map 11:03  
    • Add Near-by Rooms 7:56  

  • Task 9: Reservations

    • What we're going to build in this task 0:55  
    • Create Reservations Model 4:07  
    • Create Reservations View 6:11  
    • Create Reservations Controller 9:19  
    • Add jQuery Date Picker 5:37  

  • Task 10: AJAX

    • What we're going to build in this task 0:56  
    • Refactoring Reservation Form 8:52  
    • AJAX for Start Date 19:51  
    • AJAX for End Date 15:03  

  • Task 11: More about Reservations

    • Create Your Trips Page 7:48  
    • Create Your Reservations Page 13:25  
    • Modify User Profile Page 6:39  

  • Task 12: Creating Reviews

    • What we're going to build in this task 1:00  
    • Creating Reviews Model 9:25  
    • Creating Reviews Controller 17:47  
    • Creating Reviews View 15:29  
    • Creating Show Reviews Page 16:50  
    • Adding jQuery Raty 2:32  
    • Add Stars to Reviews 8:34  

  • Task 13: Searching

    • What we're going to build in this task 1:05  
    • Update Home Page 8:06  
    • Creating Search Page 13:17  
    • Create Search Function 17:12  
    • Add Google Map 16:03  
    • AJAX Searching 10:32  
    • Add jQuery Pricing Slider 6:50  

  • Task 14: Home Page

    • What we're going to build in this task 0:45  
    • Modify Home Page 7:02  
    • Improving Home Page 6:56  
    • Auto Location Suggestion 7:11  

  • What's Next? - Airbnb Level 2

    • About Level 2 - AirKong Project 5:35