Coursera.org Clone with backend

Hello I am Abhay Gedam. After Graduation in Electrical Engineering, I got interest in web-development and coding. Then I decided to pursue a web development course. After lots research I found Masai -school is the best school offering full stack web- development course. I took admission in Masai-school.

During construct week, we get project to clone Coursera website and add backend. My team member are Pratik Shaha. We already had frontend code which we wrote in last construct week. At first day of construct week we both get confused about how will we do. We decides to do research for one day and then meet. I spend whole day to research about functionality and learn EJS method to connect the frontend with backend.

Second day we meet again and make plan and starts breaking work on functionality basic. First we decides what functionality we want to develop today and then we divide work equally. After work done we pushed code on Github and If their any needs to improvement we discussed it solve it with suggestions. At the end of the fourth day, we were able to add all functionality its possible just because team work. Working on this project has strengthened our concept of Node Js, Express, Mongodb, HTML and CSS.

Home Page

The home page have may section. Below are a few screenshots of the homepage.

Login Page

After Signup and Login user redirected to user profile page and user data we stored on mongodb server.

Search Box

We added debouncing to search box through Api calls with server.

Screenshot (541).png

Course Browser Page

To select a preferred course students will land on this page, where they can choose the required course by filtering through various categories. Express , Mongodb, JavaScript has been used to provide filter functionality.

Course detail page

After selecting a required course user will be directed to the course detail page that will contain all the necessary details about the Instructor and Course.