Build
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 will 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

Description

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

Previews

 

About module 7

 

Add Near-by Rooms

 

About module 10

Course Content

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