https://github.com/sbj1198/bath-specials
Bath Specials is a global leader in personal care and home fragrance, including the #1 selling collections for fine fragrance mist, body lotion and body cream, 3-wick candles, home fragrance diffusers and liquid hand soap.
https://github.com/sbj1198/bath-specials
chakra-ui ecommerce-webapp react react-redux react-router-v6 redux redux-thunk
Last synced: 3 months ago
JSON representation
Bath Specials is a global leader in personal care and home fragrance, including the #1 selling collections for fine fragrance mist, body lotion and body cream, 3-wick candles, home fragrance diffusers and liquid hand soap.
- Host: GitHub
- URL: https://github.com/sbj1198/bath-specials
- Owner: sbj1198
- Created: 2022-12-27T05:53:34.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2023-02-23T14:29:58.000Z (over 3 years ago)
- Last Synced: 2025-02-08T03:25:25.801Z (over 1 year ago)
- Topics: chakra-ui, ecommerce-webapp, react, react-redux, react-router-v6, redux, redux-thunk
- Language: JavaScript
- Homepage: https://bathspecials.netlify.app/
- Size: 6.92 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Bath Specials
Bath Specials is a global leader in personal care and home fragrance, including the #1 selling collections for fine fragrance mist, body lotion and body cream, 3-wick candles, home fragrance diffusers and liquid hand soap.
## 🛠 Built with
Technologies used in the project:
## 💻 Screenshots
**Landing Page:**
**Product Page:**
**Cart Page:**
**Payment Page:**
**Dashboard section (admin side):**
**Category section (admin side):**
**Add product section (admin side):**
**Edit product section (admin side):**
**Orders section (admin side):**
## ✨ Features
- #### `User side:-`
- Register and Login page
- Authentication using email & password
- Products page
- **Sorting & filtering:** by price, by rating, by sub-category
- Add to cart
- Payment page
- Data fetching using deployed api
- #### `Admin side:-`
- Login using admin credentials
- **Pages:** Dashboard, category, add product and edit product
- Dashboard gives stats by graphs and piecharts showing total of products
- Detailed information of category and sub-category products on category page
- **CRUD** functionality
## 🚀 Demo
**Front-end deployed URL:**
https://bathspecials.netlify.app/
## 📁 Folder structure
- #### `public` - This holds all of our static files
- #### `src`
- #### `assets` - This folder holds assets such as images, docs, and fonts
- #### `components` - This folder holds all of the different components that will make up our pages
- #### `pages` - These represent a unique page on the website i.e. Home or About.
- #### `redux` - It consists of store, reducer, action and actiontypes and is responsible for global state management of our app.
- #### `App.js` - This is what renders all of our browser routes and different pages
- #### `index.js` - This is what renders the react app by rendering App.js.
- #### `package.json` - Defines npm behaviors and packages for the client
#### `README` - This file!
# Installation
Clone the project
```bash
git clone https://github.com/sbj1198/Bath-Specials.git
```
## Client-side usage
Go to the project directory
```bash
$ yarn # or npm i // npm install packages
$ npm run start // run it locally
// deployment for client app
$ npm run build // this will compile the react code using webpack and generate a folder called docs in the root level
```
## ✍ Author
- [@sbj1198](https://github.com/sbj1198)
##