Build Room Booking site like AirBnb with Ruby on Rails - LEVEL 3
What You'll Learn
How to structure a project for API purposes only
Understand good practice to use access token to secure API calls
Create GET, POST API requests to get and update data from client
Work with Stripe token to process Credit/Visa card
Test and debug your APIs with Postman
How to use simple React Native boilerplate to start your app
Create your own component, mobile screens
Handle Credit/Visa payment with Stripe via mobile app
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.
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.
What features will we build in this LEVEL 3?
- A Ruby on Rails API project
- API requests to communicate with clients
- A Mobile app with React Native running on the Android platform
- [Mobile app] - Facebook Authentication
- [Mobile app] - User Profile Details
- [Mobile app] - Listing all rooms in the system
- [Mobile app] - Display room details
- [Mobile app] - Room Searching filter for location and staying duration
- [Mobile app] - Booking a room
- [Mobile app] - Credit/Visa payment form
- [Mobile app] - Switching between Guest and Host mode
- [Mobile app] - Displaying Your Reservations in Calendar mode
- [Mobile app] - Approving/Declining booking requests
Preview Lessons
Room Redux
Display User's Info
Approve/Decline Reservations - P1
Course Curriculum
Module 1 — Starter
Intro
3:12
Project's structure
2:03
Module 2 — [Part 1] - Task 1: API Project
Create new API Project
4:30
Adding existing database
4:14
Module 3 — [Part 1] - Task 2: Authentication API with Facebook
Facebook Access Token
4:24
User Authentication
7:20
Create User Controller
11:37
Testing Facebook Token
4:29
Module 4 — [Part 1] - Task 3: Room API
Room List
13:43
Room Details
18:45
Module 5 — [Part 1] - Task 4: Payment API
Payment Controller
6:17
Module 6 — [Part 1] - Task 5: Booking API
Booking Room Controller
10:13
Charging Function
9:20
Module 7 — [Part 1] - Task 6: Reservations API
Updating Reservation Controller
11:34
Approve/Decline Reservations
8:27
Download Source Code - Part 1
Module 8 — [Part 2] - Task 1: Installation
Read Me FIRST
1:22
Install Javascript Dependencies
5:24
Install Java Development Kit
1:30
Setting up Android development environment
7:23
Module 9 — [Part 2] - Task 2: Getting Started
Initialize React Native Project
4:22
Setting Android Emulator
4:25
Running Android Emulator from Terminal
2:49
Mobile Project's structure
8:54
Module 10 — [Part 2] - Task 3: Room Screen
Create Main Screen
4:21
Refactoring Room Screen
11:40
Room Redux
10:03
Room API
18:47
Module 11 — [Part 2] - Task 4: Redux
Understand Redux
5:19
Redux and React component
12:27
Why's Redux?
2:13
Module 12 — [Part 2] - Task 5: Room Details Screen
Refactoring Room Details Screen
7:22
Room Action and Reducer
8:36
Add Image and Host
10:14
Add Room Info
11:33
Add Godzilla Button
11:42
Module 13 — [Part 2] - Task 6: Facebook Authentication
Login Screen
12:36
Configure FBSDK
8:40
Setting Facebook App
9:18
Facebook API Request
9:48
Display User's Info
10:03
Store User's Info
11:46
Module 14 — [Part 2] - Task 7: Searching Filter
Create Basic Searching Filter
11:17
Add Location
6:06
Add Date Pickers
13:05
Godzilla Button
2:59
Action and Reducer
3:59
Searching Result
13:50
Module 15 — [Part 2] - Task 8: Booking
Create Booking Modal
6:29
Date Pickers
12:20
Booking API
14:28
Module 16 — [Part 2] - Task 9: Profile and Payment
Refactoring Profile Screen
11:48
Update Profile Screen
11:05
Payment API
7:31
Module 17 — [Part 2] - Task 10: Host Screen
Calendar and Profile
14:16
Show Your Listings
9:14
Create Calendar Modal
13:33
Display Dummy Reservation
14:29
Display Real Reservations
19:26
Approve/Decline Reservations - P1
7:06
Approve/Decline Reservations - P2
9:26
Module 18 — [Part 2] - Task 11: App Name and Icon
App Name
1:53
App Icon
3:16
Download Source Code - Part 2