/FashionNova-Clone

It's an e-commerce website where you can buy any attire for both males and females. This was a team project. With our efforts and the technology stack, that we have learned in Unit-2 in Masai School, we were able to clone the front end with similar looks and features.

Primary LanguageHTML

FashionNova (Clone)

It's an e-commerce website where you can buy any attire for both males and females. This was a team project. With our efforts and the technology stack, that we have learned in Unit-2 in Masai School, we were able to clone the front end with similar looks and features.

About FashionNova

Fashion Nova is the world’s leading quick-to-market apparel and lifestyle brand. We are renowned for delivering the season’s most wanted styles to millions of people worldwide, which earned us the title of the #1 Most-Searched Fashion Brand on Google in 2018.

As a Los Angeles based company with 5 retail stores throughout Southern California, we sell collections for women, men, curve, and kids. We are a pop culture phenomenon, reaching staggering social media followings of over 25 million, of which includes celebrity fans and collaborators.

Our name has been featured in songs and our styles have been worn by your favorite celebs. From Cardi B to Kylie Jenner, there isn’t a famous booty our jeans haven’t been on. Tyga, The Game, YG, City Girls, Saweetie, Offset—you’ll hear Fashion Nova mentioned in the hottest chart-topping hits, worldwide.

How does it work?

The company operates online and has five brick-and-mortar locations. The company is known to utilize social media marketing, particularly on Instagram. Models, celebrities, and other customers receive payments or free clothing in exchange for generating publicity about the company.

Pages & Features 👇

  • Home Page: Tried best to clone the home page .
  • 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.
  • Cart Page: User can see products added in the cart.
  • Checkout Page: Users can add the delivery address.
  • Payment Page: debit and credit card payment option. Users can add their payment details.
  • Order Successful Page : After successul payment user will be redirected to home page.

How To Use ✅

First you have to have to go to the signup page and create a new account. Then you will get an alert that signup successful. After the signup process is completed you have to login with the same details and it wil redirect you to the 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 cart page then after clicking on checkout button you will be redirected to the payment page there you can add your payment details and after clicking on pay now button, you will get an alert of successful payment.

Technologies we used

  • HTML
  • CSS
  • JavaScript
Along with that, in order to store user data and product data we also used LocalStorage.

Team Members and Contributors:

Ritika Gupta

  • Github : https://github.com/Ritika11294
  • Salman Khan

  • Github : https://github.com/Salman-2523
  • Kalyani Sahu

  • Github : https://github.com/KalyaniSahu879
  • Blog and deploy link:

    Check the hosted website here and read our blog here.

    Glimpse of website

    Landing Page

    Footer

    Signup

    Login

    Product Gallery

    Check out