Skip to content

American Eagle - clone is a team project. We worked on it for understanding and implementing similar features that are on American Eagle Website. A team of 5 worked for 5 days.

Notifications You must be signed in to change notification settings

saitej98/American-Eagle-Web

 
 

Repository files navigation

American-Eagle Clone

American Eagle is an E-commerce website where we can buy new American Eagle Branded Clothes online. We can filter the dresses by costs, Price Range etc..We can add the items in carts and wishlist then buy the products by checking out.


Welcome 👋


Link to our Project website:

About this project: 🙌

This is a team project, built by us in the Construct Week - Unit 2 at Masai School.


Project Demo:

Our Team Members ❤️


Pages & Features 👇

  • Home Page: Gave same styles and images to feel like the original site .
  • Sign-Up Page: User details validated directly from local stroage.
  • Sign-In Page: User authentication to check whether user email and password match with details existing in the local storage.
  • Product Category Page: Products created dynamically, with sorting and filtering features.
  • Cart Page: User can see or remove products added in the cart.
  • Wishlist Page: Users can add or remove products to the wishlist.
  • Checkout Page: Users can add the delivery address
  • Payment Page: debit and credit card 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 branding, fonts, colors and favicon and titles consistent throughtout the whole site to give a feel like the original site.

How To Use ✅

First you have to have to go to the signup page and create a new account. Then you will be find an alert that signup successful. After the signup process is completed you have to login with the same details you wil redirected to landing page. You can now go to the category page and navigate to add products to the cart. After that you can proceed to the checkout page. you will redirected to the checkout page and add your address and proceed to payment page to add your debit/credit card detials to place your order successfully.


Tech Stack Used 🔧

  • HTML
  • CSS
  • JavaScript
  • Local Storage

Screenshots:


Home_Page

Screenshot (400)

Products_Page

Screenshot (401)

Cart_Page

Screenshot (405)

Payment_Page

Screenshot (407)

About

American Eagle - clone is a team project. We worked on it for understanding and implementing similar features that are on American Eagle Website. A team of 5 worked for 5 days.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 49.4%
  • CSS 25.9%
  • JavaScript 24.7%