Git Product home page Git Product logo

dopeyard-ecommerce's Introduction

dopeYard

The ultimate merchandise store for the hardcore hiphop fans.

Live link - dopeYard

Preview

Features

Home Page

  • Clicking on SHOP NOW button takes the user to the products page
  • Clicking on category/bestseller card will redirect the user to the product page with the selected category.

Product Listing Page

  • User can filter the products based on their preferences

    • Filter by price
    • Filter by category
    • Filter by ratings
    • Sort by price (high to low and vice-versa)
    • Filter by availability
    • Clicking on Clear button will clear/reset all the applied filters.
    • Search products using the search bar
  • User can add a product to the cart by clicking on ADD TO CART button. Once added button changes to GO TO CART.

  • User can add a product to the wishlist by clicking on heart icon button. Once added the heart icon changes to filled.

Cart page

  • Clicking on +/- button will Increase or Decrease the quantity of a particular product respectively.
  • Clicking on REMOVE FROM CART will remove a product from the cart
  • Clicking on MOVE TO WISHLIST will move a product to the Wishlist
  • Price details card which shows the total price of the products along with a checkout button.

Wishlist page

  • Clicking on cross icon will remove an item from the wishlist
  • Clicking on MOVE TO CART button will move an item from the wishlist to cart

Checkout page

  • Add, delete, update address
  • Place order

Authentication

  • Signup
  • Login
  • Logout

Run the app locally

  • Clone the repository on your local machine with the command below, and cd into the folder
git clone https://github.com/amartya-rs/dopeYard-ecommerce.git

cd dopeYard-ecommerce
  • install dependencies
npm install
  • create a .env file with a variable as mentioned below, in the root directory
REACT_APP_JWT_SECRET = <JWT_SECRET_KEY_>
  • start the server
npm start

dopeyard-ecommerce's People

Contributors

amartya-rs avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.