Head-Phone-Zone

we learn about the fundamentals of Javascript and introduction to Data Structure and Algorithms, In the second unit, we learn about the HTML, CSS, and Advanced concepts of Javascript like HOF, DOM, etc. By using these concepts we have built our project website. Our project is to clone the Head-Phone-Zone website,At the start of our project all team members are new to each other and also each one belongs from a different region of India, so this is a great opportunity for all of us to improve our teamwork skills by interacting with each other and also develop an understanding for different cultures and practices.

Our Team Members ❤️

• Shivam Rathore
• Sankalp Jaiswal
• Punam Jagtap
• Rasheed Sheikh
• Vrushabh Veer

Pages & Features 👇

• Home Page: Nav Bar with drop downs, sliding banners & slider for Products.
• Sign-In: User authentication to check whether user email and password match with details existing in the database.
• Search: User can search for any of the products present in the website.
• Product Category Page and Regimen page: Skin products created dynamically with filter by category, name and price.
• Cart: User can see or remove products added in the cart.
• Checkout Page: Users can increase, decrease the quantity of the product and can apply discount coupons.
• Payment Page: Users can add their payment details, address and can create their account.
• Order Successful: cart gets empty automatically in local storage, once the user lands on this page.
• Additional Features: Kept the branding, fonts, colors and favicon and titles consistent throughout the whole site to give a feel like the original site.

Tech Stack

• HTML
• CSS
• Javascript - (DOM Manipulation, Local Storage)

Screenshots :

Home Page Login Page Product Page Product Cart Page Payment Page

Roles & Responsibilities :-

• GitHub is Managed & Readme.md done by Shivam Rathore.

• The Landing Page, navbar, footer is designed & functioned by Shivam Rathore.

• The Searchbar, sign in dropdown and cart sidebar is designed and functioned by Rahseed Sheikh.

• All products page and filter data is designed & functioned by Vrushubh Veer.

• Regimens page, order confirmed page and all products array is designed & functioned by Sanklap Jaswal.

• Checkout page is designed & functioned by Rasheed Sheikh.

• Payment Page is designed & functioned by Punam Jagtap.

Learning :-

• We all became proficient in reading the code of team members.

• Our code writing style became cleaner as we had to think while writing code that other team members will be reading.

• We had to learn about many CSS properties that we didn't know before.

• Our skills in JavaScript and DOM manipulation became better.

• We all learned how to plan a project and execute that.