Build Room Booking site like AirBnb with Ruby on Rails - LEVEL 1

Learn how to create RoR webapp

  • 10 hours total video
  • 16 completed modules
  • Full source code

Build Room Booking site like AirBnb with Ruby on Rails - LEVEL 1

 

What You'll Learn

Create a web app with Ruby on Rails
Style your web app with Bootstrap
Design your UI in a modern style
Facebook to authenticate your users
Send transactional emails with Gmail/Mailgun
Photo uploading process with AJAX
Searching function with different criteria
Location searching on Google Map
Handle jQuery event for UI controls

Course Details

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 the 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, won't make you a superstar developer but will get you something REAL quickly and efficiently, especially for Entrepreneurs & Founders.


Who this is for:
  • Beginners
  • Promotion seekers
  • Entrepreneurs & Founders
  • Designers
  • Front-end Developers


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

Preview Lessons

 

About module 7

 

Add Near-by Rooms

 

About module 10

Course Curriculum

Module 1 — Intro
Vision of this project
2:08
Here's what we're going to build
5:57
Download Images
Module 2 — Let's party
Install SQLiteBrowser
1:21
Install Atom
2:57
Install Ruby, Rails for MAC OS X 10.9 or higher
Installing Ruby, Rails for Windows
Create a simple Rails Project with Bootstrap
4:40
Module 3 — Basic project
About module 3
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
Module 4 — Gravatar, notification & transaction emails
About module 4
0:29
Gravatar
7:08
Notification
10:38
Sending transactional email with Gmail
10:40
Sending transactional email with Mailgun
6:58
Module 5 — Facebook authentication
About module 5
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
Module 6 — Creating Rooms
About module 6
0:49
Create Room Model
6:03
Create Room Controller
15:42
Create Room View
22:45
Styling our Room View
9:19
Understanding the workflow
8:50
Module 7 — Photos
About module 7
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
Module 8 — Improving Room Creating Process
About module 8
0:48
Add "Check" to Room Creating
9:42
Update the Photo Removing with AJAX
6:57
Issue with hidden fields
5:47
Module 9 — Creating Views for Room
About module 9
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
Module 10 — Reservations
About module 10
0:55
Create Reservations Model
4:07
Create Reservations View
6:11
Create Reservations Controller
9:19
Add jQuery Date Picker
5:37
Module 11 — AJAX
About module 11
0:56
Refactoring Reservation Form
8:52
AJAX for Start Date
19:51
AJAX for End Date
15:03
Module 12 — More about Reservations
Create Your Trips Page
7:48
Create Your Reservations Page
13:25
Modify User Profile Page
6:39
Module 13 — Creating Reviews
About module 13
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
Module 14 — Searching
About module 14
1:05
Update Home Page
8:06
Creating Search Page
13:17
Create Search Function
17:12
Google Map on Search Page
16:03
AJAX Searching
10:32
Add jQuery Pricing Slider
6:50
Module 15 — Home Page
About module 15
0:45
Modify Home Page
7:02
Improving Home Page
6:56
Auto Location Suggestion
7:11
Download Source Code
Module 16 — What's Next? - Airbnb Level 2
About Level 2 - AirKong Project
5:35