Skip to main content

Command Palette

Search for a command to run...

Amazon Clone

Published
2 min read

TASK

Our task is to create a pixel perfect clone of the famous e-commerce website Amazon.in with basic functionalities and good-looking user interface.

image.png

GITHUB

LANDING PAGE :

Our landing page looks like this:-

image.png

image.png

This page has navbar and sidebar as we see in amazon.in website. At the bottom of the page, we have option to sign in and a footer.

image.png

LOGIN & SIGN UP PAGE:

Once the user clicks on sign in button, it redirects it to sign in page. If user don't have an account then they have to click on "Create Account " button present at the bottom.

image.png

Here if all the credentials match then only it will show login successful and redirect to the landing page, otherwise it will show an alert to fill in valid credentials.

image.png

PRODUCT PAGE :

From the search bar or from navbar you can get to any product page related to that item. Here on clicking Fashion on navbar or on searching "Fashion " in search bar it will show results for fashion.

image.png

Here, on clicking any of the category it will show results for that particular category. These pages have their separate filtering and sorting options form there the user can filter or sort products depending on its choice.

image.png

image.png

CART PAGE :

On clicking "Add To Cart " page it adds product to the cart. image.png image.png On clicking "delete" button product is removed from the cart and the user can increase the quantity of the product and the amount changes accordingly, the total can be viewed in the right side of the page.

image.png On clicking "Proceed to buy" it will redirect to payment page.

PAYMENT PAGE :

image.png

image.png

Challenges:

  1. Team Coordination.
  2. Git handling.
  3. Communication. (Worked Remotely)

ID & TECH TOOLS

VS-CODE

GITHUB

TECHNOLOGIES USED

1.HTML

2.CSS

3.JAVASCRIPT

4.JSON

TEAM

  1. Nitik Bisht :- https://github.com/nitikbisht

  2. Sanchit Jain :- https://github.com/Agramom

  3. Yogeshwari Surywanshi :- https://github.com/Yogeshvari2902

  4. Adil Khan :- https://github.com/Adil-khan-007

  5. Ujjwal Singh :- https://github.com/Lucverse

THANK YOU !

TEAM AMAZON CLONE