In this course you will be building a blog project that will help you quickly get up and running with react.

Enroll into this course for free and enjoy learning react.

Ryan Dhungel

React blogs app introduction

Create new react app

Using bootstrap CSS in react

Background image using CSS in react

Fetch blogs from API

Render blogs on the page

React Blog App for Beginners

Learn to build real world eLearning marketplace like Udemy using Next.js React Node MongoDB and Stripe, all the way from scratch to deployment. Are you guys ready to build something amazing?

If you have taken my previous courses, then you have already build some great projects, I know that :) You have already build E-commerce apps, SEO blogging platform, Social network and even a Marketplace...but you haven't build any thing like this.

This project will not only teach you the very best of everything but also enables you to make a good income out of it.. yes this time you are not just going to build yet another project, you are going to build a marketplace that generates money for you and for your users (Instructors).

> This concept is extremely powerful and there is no limit to it. You can grow this project to one of the most successful project ever. Yes I am talking about building an online education marketplace, something like Udemy! Yes you heard me right, you will learn to build something like Udemy using Full stack JavaScript React.js Next.js Node.js MongoDB Stripe and AWS.

Another important part of this course is, It is build for production use. Yes when we say production, we need to make sure it is secure, fast, SEO and built with solid infrastructures right? Don't worry, I have covered all that in the best possible way!

You will build a secure and production ready authentication system using cookies. So no more worries about insecurities of storing tokens in local storage. It is extremely fast and SEO optimized because we are using Next.js, which is a React framework for building production apps. 

It is built with solid infrastructures to ultimately scale in future. We are using AWS SES for emails and S3 for storage. So as you can see, this is absolutely amazing project to build, that can easily be one of the best startup project to change the world.

Whether you want to build an online education marketplace for a country or a region or the entire world. This is where it all starts.

And it is all done from scratch with nothing but an empty code editor and of course with a lot of passion to learn, build and grow together. In about 5000 lines of code, you will be able to build this masterpiece.

So if this sounds amazing, join me in this course. Let's build this next big thing together and have a good time along the way!

##### If you have any questions regarding the course, feel free to contact me personally on [twitter](https://twitter.com/kaloraat)

### Requirements
1. To complete this course you must be from a country where stripe connect (type express) is supported. Here is a list of stripe connect (type express) supported countries as of May 2021 ([Taken from stripe documentation](https://stripe.com/docs/connect/express-accounts)).
Australia, Austria, Belgium, Brazil, Bulgaria, Canada, Cyprus, the Czech Republic, Denmark, Estonia, Finland, France, Germany, Greece, Hong Kong, Hungary, India, Ireland, Italy, Japan, Latvia, Lithuania, Luxembourg, Malta, Mexico, the Netherlands, New Zealand, Norway, Poland, Portugal, Romania, Singapore, Slovakia, Slovenia, Spain, Sweden, Switzerland, the United Kingdom, and the United States
2. You will be required to create AWS account which will be free to use for the first year however some charges may apply based on your usage.
3. You will need to have a good understanding of JavaScript and at least some experience of building projects with React and Node.js.

Build react node udemy clone

Course Introduction

Before you start coding, I recommend you to download the source code ZIP file from the link below. Use it as a reference whenever you need.

[https://drive.google.com/file/d/udemy-clone-code](https://drive.google.com/file/d/13FviN2wDx14ipierHikLtlbNMBHsMCpU/view?usp=sharing)

Download source code for each lectures

Next.js client setup

Bootstrap and ant design setup

Custom CSS

Pages

Ant menu and icons

Register page

Server setup

Express

Routes

Controllers

Mongo atlas or local install

Mongoose connect

Axios post request

User  model

Bcrypt helper functions

Register user

Toast notifications

Loading spinner

Env and gitignore files

Custom next dev server proxy (for dev mode only)

Active nav link

Login page

Login backend updated

Trying login

Global state with context and reducer hook

Dispatch user response to context

Preserve user info on page refresh and redirect

Logout

Conditional nav links

Protecting pages from loggedin user

Handling expired token using axios interceptors

CSRF protection

Verify token and get current user

Protected page

Wrapper component user route part 1

Wrapper component user route part 2

AWS setup IAM user

Login to AWS as IAM user and verify email

Sending test email

Password reset workflow

Forgot password page

Send email to reset password

Reset password client

Reset password server

Stripe setup

User sidebar nav

Conditional links and pages

Become instructor page

Stripe account link for onboarding

Stripe onboarding client

Stripe callback page

User account status from stripe

Dispatch updated user info to context

Current instructor server

Instructor protected routes

Active nav links

Course create form part 1

Course create form part 2

Create course component

Price dropdown and category

Image preview

Image resize client

AWS S3 bucket policy

Upload image to S3

Image remove client

Delete image S3 server

Course schema

Is instructor middleware and create endpoint

Save courses in database

Instructor courses in dashboard

Instructor course list

Single course view for instructors

Single course view

Display markdown content

Add lesson modal

Add lesson form

Video upload button

Send video upload using form data

Upload video to S3

Remove video request

Remove video from S3

Only instructor can upload and delete videos

Add lesson

Rendering lessons as list items

Course edit page

Reuse component to update course

Update course server

List of lessons on edit page

Draggable items

Drag and drop lessons to reorder

Delete lesson client

Delete lesson server

Update lesson modal

Update lesson component

Video preview and switch button

Remove and upload new video on update

Update lesson request client

Next.js React Node MongoDB Stripe MERN eLearning Marketplace (Udemy Clone)

In this course you will be building a beautiful image slider carousel app in react. This is something you can easily build and use in any new or existing react app with very little effort. 

Enroll into this course for free and enjoy learning react.

Introduction and setup

In the following video, you will be required to install this package from `npm`

Install React Responsive Carousel `npm` package using the following command in your terminal or command prompt:
```js
npm i react-responsive-carousel
```
You can learn more about this package here:
[https://www.npmjs.com/package/react-responsive-carousel](https://www.npmjs.com/package/react-responsive-carousel)

Become A FullStack
Web Developer

React Blog App for Beginners

Free

Next.js React Node MongoDB Stripe MERN eLearning Marketplace (Udemy Clone)

$4.99$99.99ON SALE

React Image Slider (Carousel) App

Free

Become A FullStack Web Developer

React Blog App for Beginners

Free

Next.js React Node MongoDB Stripe MERN eLearning Marketplace (Udemy Clone)

$4.99$99.99ON SALE

React Image Slider (Carousel) App

Free

Become A FullStack
Web Developer