Diagon-Alley

Diagon alley is an e-commerce site, where user can shop Harry Potter theme based clothes.

Technologies used

• HTML
• CSS
• JavaScript
• ReactJS
• Mockbee (for mock backend)

Features

• Home Page

• Product Listing Page

• Single Product Detail page

• Filters by

  • Price
  • Category
  • Houses in Hogwarts
  • Ratings
  • Out of stock
  • Fast delivery

• Cart Management

• Wishlist Management

• Authentication

  • Sign-up
  • Login
  • Logout (Redirects to home page)
  • Forget Password (Only UI, not functional)
  • 4 themes

  Project link

• Diagon Alley

How to install and run locally ?

• git clone https://github.com/nishasen/Diagon-Alley-Mockbee-Final.git
• cd diagon-alley
• npm install
• npm start

Screenshots

These are some screenshots of my project. the whole app is made responsive.

• Home page

• Responsive pages

• Filters

• Product listing page

• Product detail page

• Login page

• Cart page

• Wishlist

• Themes