Skip to content

MostafaQanoo/STOREHOOK

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation


Logo

STOREHOOK

An e-commerce site for buying and selling electronics, food and clothing !

Demo · Design

Description

In today’s fast-changing business environment, it’s extremely important to be able to respond to client needs in the most effective and timely manner. If your customers wish to see your business online and have instant access to your products or services. STOREHOOK is a lifestyle e-commerce web application, which retails various electronics, food and clothing products. This project allows viewing various products available enables users to purchase desired products instantly. This project provides an easy access to user cart.

User Journey

As a user:

  • When opening the STOREHOOK website you'll be faced with home page with all products.
  • You can search for any product name by typing on search box.
  • you can sort the products by category and price.
  • You can buy and product by adding it in your cart by clickcart icon in the product card.
  • You can check all your products and its price by cart page, You can visit it by clicking on icon Cart in navbar.
  • In your cart, you can increase/descrease the quentity of the product, and you can delete it and see the Total price of all products and you can back to the home page by click on logo in navbar.
  • when you click on any product photo, you will go to product detalis page, you will see More accurate information like description for the product.

As a Seller, I can :

  • When opening our website, you'll see a navbar containing a login button, click it and fill up your information and click the login button.
  • When you're logged in, you'll see the avialable products, and a Add Product button.
  • When clicking the Add Product button, you'll see a form, fill it and click the add button to add the new product.
  • In the home page, you'll see products and inside the product card, there is a delete and edit button.
  • When clicking the edit button, a form will appear which contains the previos information for this product, you can edit the information.
  • When clicking the delete button, a confirmation popup will appear to confirm the delete process.

User Stories

  • As a buyer, I can view existing products from the main page.
  • As a buyer, I can filter products by price, by categories, and search by name.
  • As a buyer, I can view products by moving to the product page.
  • As a buyer, I can add products to my cart.
  • As a buyer, I can navigate to the cart page and remove products or proceed to buy.
  • As a seller, I can add products to the home page.
  • As a seller, I can delete product from home page.
  • If the seller, is not logged in, he can't add, edit, and delete a product.

schema

Built With

  • HTML5
  • CSS3
  • React.js
  • Node.js
  • Express.js
  • PostgreSQL

members

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors