Clone of Kohl's

This was our project for Unit-2 Construct week at Masai Shcool. Our mian objective was to complete all main functionality of this e-commerce website , such as sing up to till to the byuing of a product. We have completed this project in 5 days.

• Click here to see preview of our project.

Kohls.com is leading E-Commerce website for all type of Clothings for men, women & Kids. And also Accessories and Electronics gadgets.

Credits

• Images : kohls.com
• Content : kohls.com
• Icons : Font Awesome
• References : MDN Docs | W3School

Tech Stack

• HTML 5
• CSS 3
• Javascript

Features

• Login and Sign in page
• Filters Product by brands and size
• Sort functions for Higher to Lower price,Lower to Higher price
• Product page for different categories
• Detailed product preview page
• Add to cart option for buying products and wishlist option to add the product to wishlist

Presentation

Click here to watch our project presentation.

Screenshots

Challenges

• As every journey has some challenges and so was ours. In our team, all of the members were not familiar with each other so it was difficult for all of us to communicate and collaborate, there were some moments where members were not able to communicate with each other and had a conflict and it was hard for everyone to handle these conflicts.

• Another problem was to merge all of the files in a proper sequence which was again a difficult task for us because while merging and connecting all the pages some of the pages had the same name, and while running the site it was redirecting to some other pages so it was difficult to find the location and to rename the file.

• As the navbar and footer were common for all the pages so we copied both of them in a single folder and imported them in every code, this was a kind of new method for us and we struggled while doing this step.

• We faced challenges with CSS tags and class also, because when we merged CSS files for any page in which 2-3 members have worked, sometimes tags were colliding because of the same names of tags and classes.

Team

• Akshay Patil
• Soumya Hakke
• Aditya Prajapati
• Aditya Arnav
• Shreenath Chadive

Authors

• @Akshay Patil