My FeedDiscussionsHeadless CMS
New
Sign in
Log inSign up
Learn more about Hashnode Headless CMSHashnode Headless CMS
Collaborate seamlessly with Hashnode Headless CMS for Enterprise.
Upgrade ✨Learn more

Post hidden from Hashnode

Posts can be hidden from Hashnode network for various reasons. Contact the moderators for more details.

Cloning Coursera.org

Using HTML, CSS and Java Script

Abhay Gedam's photo
Abhay Gedam
·Jul 25, 2021·

2 min read

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. My team members are Pratik Shaha, Rambhu Mukhia, Syed Haider. At very first day on construct week I was not sure on process how we do ?. But in first meeting Sayed Haider already start to build some section home page. Then we decided to break all home page into four parts. In one night we all did our task complete. In this way we build our whole home page.

In second meeting, we decided to divide pages and each member was given an individual page to clone. Everyone has complete their work on time. After work done we pushed code on Github to get everyone code and If their any needs to improvement we discussed it solve it with all members suggestion. All members was put their hard work. At the end of the third day, we were able to clone the entire website its possible just because team work. Working on this project has strengthened our concept of HTML, CSS, and JavaScript.

Home Page

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

home1.jpeg

home2.jpeg

home3.jpeg

Footer.png

Login Page

After Signup and Login user redirected to user profile page.

login1.jpeg

login2.jpeg

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.JavaScript has been used to provide filter functionality.

course1.jpeg

course2.jpeg

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.

detail1.jpeg

detail2.jpeg

Enrollment window

For enrollment user have two option. After that user will directed to payment section.

payment1.jpeg

Payment

Upon making payment, the user will be enrolled in the course and the course will get updated into his profile.

payment2.jpeg

This has been a great and wonderful experience for us and the whole team member to get coordinate with each other and build this website in a given time.

Thank You! Thank you very much for reading my first article if you made it this far. Any feedback or suggestions are welcome.

Thanks again!