Build Realtime Twitter and Fiverr with Node.js + Stripe

Arash Yahya, Software Developer, Instructor

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
83 Videos (9h 8m)
    • What is a website?

      3:30
    • What is Node.js?

      11:39
    • What is HTTP?

      3:12
    • What is MongoDB and its operations?

      3:44
    • Working with HTTP and MongoDB

      2:47
    • What are we going to build?

      1:49
    • Setting up

      2:34
    • Requiring all the files

      4:17
    • Middleware - concept

      1:16
    • Middleware and Running our first server

      3:46
    • First Route - Home Route

      2:30
    • Adding Templating Engine - Handlebars

      7:45
    • Adding another middleware, bootstrap and our first web page

      5:01
    • Position the form

      3:44
    • Create Mailchimp account

      8:44
    • Using request to post data and store user's email Part 1

      4:38
    • Using request to post data and store user's email Part 2

      6:37
    • Final Touch

      13:50
    • What are we going to build?

      0:56
    • Setting up and run the server

      8:18
    • Setup home route and landing

      10:18
    • Setting up layout and partials to organize our codes

      4:58
    • Our first Model - User Model

      3:20
    • Creating Database - Connecting and creating a new user object

      7:15
    • Developing Authentication Feature Part 1: Extend User Model

      7:26
    • Developing Authentication Feature Part 2: Compare password

      1:14
    • Developing Authentication Feature Part 3: Setting up Session

      4:17
    • Developing Authentication Feature Part 4: Signup Route

      12:29
    • Developing Authentication Feature Part 5: Passport and Login Route

      20:14
    • Real time Tweet Part 1: Setting up the layout

      6:09
    • Real time Tweet Part 2: What is socket

      3:08
    • Real time Tweet Part 3: Configure socket

      7:56
    • Real time Tweet Part 4: Teach socket

      6:51
    • Real time Tweet Part 5: Tweet Model

      2:26
    • Real time Tweet Part 6: Emitting messages

      6:14
    • Real time Tweet Part 7: Receiving messages

      9:27
    • Real time Tweet Part 8: Saving Data into Database

      11:05
    • Real time Tweet Part 9: Render data on Home.hbs

      5:23
    • Creating Profile Part 1: User Route

      5:39
    • Creating Profile Part 2: User

      12:00
    • Follow and Unfollow Feature Part 1: Create Follow route

      5:18
    • Follow and Unfollow Feature Part 2: Ajax Call

      10:00
    • Follow and Unfollow Feature Part 3: Fixing Follow bugs

      5:29
    • Follow and Unfollow Feature Part 4: Unfollow Feature

      4:22
    • What are we building?

      2:23
    • Mongolab: Create a new database

      1:08
    • Clone a project starter

      4:37
    • Create a Gig Schema

      2:49
    • My gig route and page

      4:31
    • Adding a new gig route GET method

      6:29
    • Adding a new gig route POST method

      6:46
    • Create a table list

      4:11
    • Render data on Home page

      2:55
    • Creating Single gig route and page

      7:27
    • Order Summary Page

      12:10
    • Payment Route Part 1: GET Route and Handlebars file

      10:44
    • Payment Route Part 2: POST Route

      10:05
    • Order Schema

      3:10
    • Order Page: Adding fourth process and Order Route

      16:22
    • Order seller list page

      9:12
    • One on One Chat Part 1: Setting session for socket

      5:32
    • One on One Chat Part 2: Sending messages

      12:00
    • One on One Chat Part 3: Saving data to the database

      7:19
    • One on One Chat Part 4: Render data on page

      12:41
    • Promo code API

      14:38
    • Real time search engine Part 1: Sync data to Algolia index

      9:45
    • Real time search engine Part 2: Adding real time search feature on frontend

      10:36
    • Real time search engine Part 3: Adding basic search

      11:38
    • Cart Feature Part 1: Creating add to cart ROUTE

      2:27
    • Cart Feature Part 2: Add cart icons

      4:24
    • Cart Feature Part 3: Ajax call for add item to cart

      6:38
    • Cart Feature Part 4: Showing items in the cart ROUTE

      4:32
    • Cart Feature Part 5: Render cart's items on HBS file

      11:03
    • Cart Feature Part 6: Remove item from cart API

      3:19
    • Cart Feature Part 7: Remove item from cart AJAX

      8:53
    • Cart Feature Part 8: Cart payment route

      7:10
    • Social authentication Part 1: Facebook Developer

      2:14
    • Social authentication Part 2: Passport-facebook configuration

      7:23
    • Social authentication Part 3: Passport-facebook frontend

      4:58
    • Social authentication Part 4: Google developer

      2:43
    • Social authentication Part 6: Passport Google

      4:35
    • Update your profile feature

      8:16
    • Amazon S3: Setting up account

      6:51

About This Class

Have you ever wondering on how to build your next marketplace Web application? 

This course will teach you step by step on how to clone an Fiverr website with the latest cutting edge technology and that is Node.js

You will use Javascript on both the backend and frontend of the web application.

Live is too short to depend on someone else, if you are still waiting for that one amazing technical co-founder to help you on building your web app, then I suggest you instead of waiting , its better for you to do it yourself.

Every code that will be written by me, will be explained in details. So you do not need to worry about not understanding certain algorithm.

If you are ready to embark on this journey on building an marketplace web application, then what are you waiting for? Lets get into it!

0. Foundations

  • You will learn the fundamentals on how the web works
  • You will learn what sort of technology you will use to build a sophisticated web applications
  • You will learn what is HTTP 

1. MVP website - Newsletter

  • You will learn on how to capture user's email and store it on Mailchimp
  • You will learn the fundamentals of building a web application with Node.js
  • You will learn on how to use an amazing template engine - Handlebars

2. Real-Time website - Twitter 

  • You will learn on how to build an Authentication Features
  • You will on how to use a websocket, so that you could send tweets in real-time
  • You will learn on how to save data to the database
  • You will learn on how to retrieve data from the database
  • You will learn how to do an AJAX call, and update content instantly

3. Marketplace website - Fiverr

  • You will learn on how to do Social Authentication like Facebook and Google
  • You will learn on how to update your profile
  • You will learn on how to create a basic search feature using Algolia
  • You will learn on how to add a real-time search engine feature using Algolia (Used by companies like Product Hunt, Medium, Twitch, Periscope and Hacker News)
  • You will learn on how to add a payment feature using Stripe
  • You will learn how to create a one on one chat room feature between buyers and sellers
  • You will learn on how to create a cart feature, and using AJAX to update changes instantly (Like removing the cart's item, or updating the cart icon on the navbar)
  • You will learn on how to upload an image to Amazon S3 server both for profile picture and when you add a new GIG
  • You will learn on how to pay single GIG and multiple GIGS

7

Students

--

Projects

0

Reviews (0)

Arash Yahya

Software Developer, Instructor

Hello I'm Arash Yahya, I'm your instructor and a little bit about me, I've been working in a Software development Industry for almost 4 years. I have a degree in Computer Science. My passion is only one thing and that is coding.

The company that I’m currently working for is AirsoftBlaster, initially started as a wordpress website but now pivoted to an education company. We are really passionate about the new modern approach of building a web application, and that is MEAN stack!

See full profile