muskanbagrecha / e-commerce

Home Page:https://fashgram-store.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Author

Demo

ecommerce-video.mp4

Features and Functionalities

1. Home page -

  • Hero/Banner
  • Featured Categories carousel (static)
  • Featured Products
  • Sale Banner
  • Featured Brands
  • Customer testimonials

home

2. Product listing page -

(Can be navigated from the home page by clicking on shop now button.)

  • filters - sort-by price, categories, price, rating
  • Products listed - vertical cards.
  • Clear filter - On clicking the clear filter button, all filters will be cleared.
  • On smaller screens, filter can be opened by clicking the filter button at the bottom of the screen.

Shop

3. Cart Management page -

(Can be navigated to cart management page by clicking on the cart icon on the header.)

  • Products added to cart
  • Quantity can be changed by clicking the + or - button on cart page
  • Products can be removed by clicking the cross button
  • Move to wishlist option
  • Place Order option
  • Apply coupons option

Cart

4. Wishlist page -

(Can be navigated to wishlist page by clicking on the heart icon on the header.)

  • Product can be added to cart
  • Product can be removed from wishlist by clicking cross button

Wishlist

5. Sign Up page -

  • Navigate to sign up page by clicking user icon in the header. When login pops up, click the "create new account link".
  • Input name
  • Input email address
  • Input password
  • Confirm password
  • Password can be hidden/shown
  • User agreement checkbox
  • Sign up button
  • Already have an account button, login button

Signup

6. Login page -

  • Navigate to login by clicking user icon in the header
  • Input email address
  • Input password
  • Password can be hidden/shown
  • Remember me option.
  • Forgot password option
  • Submit button - login
  • Sign up option - Create new account

Login

7. Logout Button -

  • On the cart page, logout button appears in the header.

logout

Tech Stack

  • HTML
  • CSS
  • Javascript
  • Components imported from Fashgram_UI

Theme

You can toggle the theme by clicking at the button at the top right corner.

🔗 Connect with me:

portfolio twitter linkedin email

About

https://fashgram-store.netlify.app/


Languages

Language:HTML 77.6%Language:CSS 17.1%Language:JavaScript 5.3%