Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/bajajcodes/3on3store-react

Ecommerce store where one will get products to be 3 on 3 for fitness, intelligence and social wisdom.
https://github.com/bajajcodes/3on3store-react

Last synced: 13 days ago
JSON representation

Ecommerce store where one will get products to be 3 on 3 for fitness, intelligence and social wisdom.

Awesome Lists containing this project

README

        

# 3on3store
3on3 store where you will get products to be 3 on 3 for fitness, intelligence and social wisdom.

## Tech Composition
- HTML, CSS, Javascript (core)
- React JS (for outsourcing bording code writing work)
- Mockbee (as mock backend by neoG.camp)
- React-Router-Dom (for handlig routing)
- Dev Ui component library (for outsourcing writing boring css, Get it: [Dev Ui](https://dev-ui.netlify.app/) )

## Features
- Get Products of three categories strength, social skills and intelligence.
- Get all Products listed by clicking buy now button on home page.
- Start filtering products from home page by clicking on images, visualizing each categroy,
- Filter products by category and rating, and Sort products by price.
- clear all applied filters by clicking on clear button.
- Login, Logout and Signup do all of these with clicks and few inputs.
- Add products to cart and wishlist, to add user must be logged-in.
- Use test credentials to use the app and get signuped when it becomes desire.
- Clicking twice on add to cart button, increase the qunatity on cart.
- Wishlist page gives powers to add product to cart and remove product from wishlist.
- Cart page gives powers to increase and decrease quantity, remove prodcut from cart and add to wishlist.

## Checks
[ ✅ ] Responsive

## Preview
https://user-images.githubusercontent.com/29247011/170822285-88de4aa2-c6cc-4daa-ac78-717c34300951.mp4

## Get app from here 👇
[3 on 3 Store](https://3on3store-react.netlify.app/)

## How to run app locally
1. Clone the repoistory
- On Terminal type npm start and hit enter.
- Project is running locally.
2. Download the zip file code
- Unzip the zipped file code.
- On Terminal change directory to zipped file code directory.
- On Terminal type npm start and hit enter.
- Project is running locally.

## Contribution
- To contribute clone the repoistory, make changes and raise PR.