Introduction

About the Course#

Hello everyone, my name is Chirag Kalra and welcome to the course. In this course, we are going to build an e-learning application, like Udemy, using React and ASP Dotnet.

Now let's start by taking a look at the project. The project is called Learnify which is an e-learning application. If we take a look at the homepage, we will see a list of courses, as expected from an e-learning application. As you would notice, we have pagination going on which shows 8 courses in a page. If we click on page 2, we will see 8 more courses. At the top left, we can sort courses on the basis of price. We can also filter the courses by category. We can also go to the specific category pages by selecting a category from the top. We also have a search bar where we can search for a course using a keyword.

If we click on any course's title, we will be taken to the description page of the course. This page has some detailed information about the course like the instructor of the course, language of the course, learnings, requirement, category, level and some description. Right now, I have just used the placeholder stuff. But you can add any information you like. You can also add the course to cart from the description page.

If we go back, you would notice that we have an Add to Cart button next to the course as well. If I click here, we see that the cart icon gets updated to 1. You'll also notice that Add to cart has changed to Go to cart. If we click here, we will be redirected to the basket page. Here, we see the details about the course, the total amount and the checkout button. Now let's go back and add another course to the basket. We would see that it automatically creates the total for us. Let's keep only one course for now; Fullstack Python with Django.

If we click on checkout, we will be redirected to the login page. Because we need to log in to proceed further, I'll just log in with one of the users. After logging in, we will be redirected to the Profile page. Right now, we don't see any course because we haven't purchased any, but we see our basket with two courses. Let's click on the cart and go to the basket page. Now we can click on Checkout and we will be taken to the checkout page. We need to fill in our card details here. Of course, we will use test credentials, not the real ones. We are going to use Stripe as our payment service. Now we can click on Make Payment.