Build
Build Fiverr clone with Rails 6
  • 6 hours total video
  • 10 completed modules
  • Full source code

Build marketplace for freelancers like Fiverr with Rails 6 - 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
Photo uploading process with AJAX
Searching function with different criteria
Handle jQuery event for UI controls

Description

In this project, you will be learning how to build a 2 sided marketplace like Fiverr with Ruby on Rails, a payment gateway. This project will take you through everything from setup to execution and from an empty folder to a real app…but it won't stop there. You won’t just be watching these videos...you’ll actually build this site yourself. It is a series of 3 Projects (Level 1, Level 2, Level 3).

Especially, if you want to build an e-commerce marketplace that needs the ability to accept online customer payments then here we go. You will learn the easiest way to accept payments with your Ruby on Rails web applications.


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


What features will we build in this LEVEL 1?
  • Working with Rails 6
  • Working with Visual Studio Code
  • Working with Postgres database and tools
  • Verifying identity with social
  • User Profile features (avatar, bio, location, etc) just like Fiverr
  • User Dashboard managing all of jobs, requests and offers
  • Posting job in steps (including how to use ActionText with drag and drop photos)
  • Creating requests for freelancers
  • Making offers to clients' requests
  • Managing both Buying and Selling orders

Previews

 

Here's what we're going to build

 

Gig View - action New

 

About module 10

Course Content

Module 1 - Intro

Vision of this project 2:54

Here's what we're going to build 8:22

Module 2 - Installation

Install Ruby, Rails

Install Yarn

Install Visual Studio Code 6:52

Install Postgres 2:43

Install Postico 1:47

Module 3 - Work with basic project

About module 3 0:39

Create Rails project with Postgres 5:50

Source Control with Github 5:31

Installing Bulma and jQuery 9:49

Create a static page with navbar 14:25

Module 4 - Authentication with email

About module 4 0:56

Authentication with email and password 16:15

Add custom fields to User model 6:53

Update authentication views 11:39

Update styles 8:28

Module 5 - Authentication with Facebook

About module 5 0:49

Notification 12:22

Create Facebook app 1:55

Create Facebook authentication 17:38

Update User edit page 6:52

Module 6 - Create User dashboard

About module 6 0:50

Create dashboard controller 8:20

Create User menu 9:39

Update dashboard page - part 1 18:14

Update dashboard page - part 2 8:05

Module 7 - Create User profile

About module 7 1:22

Upload User avatar 13:28

Social verification with Facebook 8:02

Create User profile page 12:14

Module 8 - Create Gig

About module 8 1:22

Create Gig model 11:24

Gig controller - action New 12:15

Gig View - action New 13:21

Gig View - action Edit 27:39

Gig controller - action Edit 21:18

Gig upload photos 16:55

Module 9 - Gig details

About module 9 1:42

Update dashboard page 14:45

Prepare Gig details 10:21

Gig details page - part 1 11:02

Gig details page - part 2 22:07

Module 10 - Orders

About module 10 1:06

Order model 11:28

Create new order for Gig 13:39

Selling and Buying orders 13:32

Complete the order 6:44

Download Source Code