Build Realtime Twitter and Fiverr with Node.js + Stripe

Name: Build Realtime Twitter and Fiverr with Node.js + Stripe
Rating: 4.2 (189 reviews)

Start with MVP then Real-time Twitter and finally Fiverr website

Created byArash Yahya

Last updated 3/2018

English

What you'll learn

Build a Real-time web application
Build a complete Marketplace

Course content

4 sections • 87 lectures • 9h 8m total length

Introduction0:49
What is a website3:29
What is Node.js11:39
What is HTTP3:12
What is MongoDB and its operations3:43
Learn how MongoDB organizes data into collections of documents and use schemas, create, read, update, and delete operations to manage users with attributes like name, email, and password.
Working with HTTP and MongoDB2:47

What are we going to build0:56
Setting up2:34
Requiring all the files4:16
Middleware - concept1:16
Middleware and Running our first server3:46
First Route - Home Route2:30
Adding Templating Engine - Handlebars7:45
Adding another middleware, bootstrap and our first web page5:00
Position the form3:43
Create Mailchimp account8:44
Using request to post data and store user's email Part 14:38
Using request to post data and store user's email Part 26:37
Final Touch13:50
MVP source code0:02

What are we going to build1:49
Setting up and run the server8:18
Setup home route and landing.hbs10:18
Setting up layout and partials to organize our codes4:57
Our first Model - User Model3:20
Creating Database - connecting and creating a new user object7:15
Developing Authentication Feature Part 1: Extend User Model7:25
Developing Authentication Feature Part 2: compare password1:14
Developing Authentication Feature Part 3: Setting up Session4:17
Developing Authentication Feature Part 4: Signup Route12:29
Developing Authentication Feature Part 4: Passport and Login Route20:14
Develop secure login with passport local by configuring express, sessions and cookies, defining a login route and page, and implementing serialise user and session retrieval functions with flash support.
Real-time Tweet Part 1: Setting up the layout6:09
Real-time Tweet Part 2: What is socket.io?3:08
Real-time Tweet Part 3: Configure socket.io7:55
Real-time Tweet Part 4: Teach socket.io to learn about passport6:51
Real-time Tweet Part 5: Tweet Model2:26
Real-time Tweet Part 6: Emitting messages6:13
Real-time Tweet Part 7: Receiving messages9:27
Real-time Tweet Part 8: Saving Data into Database11:05
Real-time Tweet Part 9: Render data on Home.hbs5:23
Creating Profile Part 1: User Route5:39
Creating Profile Part 2: User.hbs12:00
Follow and Unfollow Feature Part 1: Create Follow route5:18
Create a follow route that updates both the current user's following and the target user's followers in parallel, avoiding duplicates and returning a success response via AJAX.
Follow and Unfollow Feature Part 2: Ajax Call10:00
Follow and Unfollow Feature Part 3: Fixing Follow bugs5:28
Follow and Unfollow Feature Part 4: Unfollow Feature4:22
Twitter source code0:02

What are we building2:23
Mongolab: Create a new database1:07
Clone a project starter4:37
Create a Gig Schema2:49
My gig route and page4:30
Adding a new gig route: GET method6:28
Adding a new gig route: POST method6:46
Create a table list4:11
Render data on Home page2:55
Creating Single gig route and page7:27
Order Summary Page12:10
Payment Route Part 1: GET Route and Handlebars file10:44
Payment Route Part 2: POST Route10:04
Order Schema3:10
Order Page: adding fourth process and Order Route16:21
Order seller list page9:12
One on One Chat Part 1: Setting session for socket.io5:32
One on One Chat Part 2: Sending messages11:59
One on One Chat Part 3: Saving data to the database7:19
One on One Chat Part 4: Render data on page12:41
Promo code API14:38
Real-time search engine Part 1: sync data to Algolia index9:44
Real-time search engine Part 2: Adding real-time search feature on frontend10:36
Real-time search engine Part 3: Adding basic search11:38
Cart Feature Part 1: Creating add to cart ROUTE2:27
Cart Feature Part 2: add cart icons4:24
Cart Feature Part 3: Ajax call for add item to cart6:38
Cart Feature Part 4: Showing items in the cart ROUTE4:31
Cart Feature Part 5: render cart's items on HBS file11:02
Cart Feature Part 6: Remove item from cart API3:19
Cart Feature Part 7: Remove item from cart AJAX8:53
Cart Feature Part 8: Cart payment route7:10
Social authentication Part 1: Facebook Developer2:14
Social authentication Part 2: Passport-facebook configuration7:23
Social authentication Part 2: Passport-facebook frontend4:58
Social authentication Part 3: Google developer2:42
Social authentication Part 4: Passport Google4:35
Update your profile feature8:16
Amazon S3 Upload Part 1: Setting up account6:51
Fiverr source code0:01

Requirements

You should have the 'never give up' attitude
Understand basic HTML and CSS concepts
Understand basic javascript concepts

Description

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

Who this course is for:

Entrepreneurs who want to launch a website
Anyone who has a dream to build a tech company
Code Ethusiast

Build Realtime Twitter and Fiverr with Node.js + Stripe

What you'll learn

Explore related topics

Course content

Foundation6 lectures • 26min

Build an MVP - Newsletter web application14 lectures • 1hr 6min

Build a Real-time Twitter Application27 lectures • 3hr 3min

Build a Marketplace like Fiverr40 lectures • 4hr 34min

Requirements

Description

Who this course is for: