GAP.com Backend Clone

An American worldwide clothing and accessories retailer.

---

Welcome 👋

---

Link to our Project website:

https://gap-clone.herokuapp.com/home

---

About this project: 🙌

This is a team project, built by us in the Construct Week - Unit 3 & unit 4 at Masai School.

---

Project Demo:

• Checkout The Live Project Demo

Our Team Members ❤️

• Shravya Rao
• Reshma
• Aditya kumar
• Tejaswini
• Shreya

---

Pages & Features 👇

• Home Page: use same images exactly looking as original website.

• Product Category Page: Products created dynamically, with sorting and filtering features.

• Cart Page: User can see or remove items added in the cart.

• Wishlist Page: Users can add or remove items to the wishlist.

• Checkout Page: Users can add the delivery address

• Payment Page: Online and offline payment option. Users can add their payment details and also avail for discount.

• Order Successful Page : After successul payment user redirected to Order successful page.

• Additional Features : Kept the items, fonts, colors and favicon and titles consistent throughtout the whole site to give a feel like the original site.

---

How To Use ✅

First you will land on the main page of the website.You can now go to the category page of selected section and select particular category. After that you can proceed to the products page of particular category. You will redirected to the single product page of selected product and can add it to your bag your address and proceed to payment page to add your debit/credit card detials to place your order successfully.

---

Tech Stack Used 🔧

• HTML
• CSS
• Advanced JavaScript
• MongoDB
• ExpressJS
• NodeJS
• EJS

---

Screenshots:

---

Home_Page

Category_Page

Product_Page

SingleProduct_Page

SingleProduct_Page2

Whishlist_Page

Cart_Page

Cart-Page2

Checkout_And_Payment_Page

Payment_section