react-shopping-cart-kit 1.0.0 → 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +15 -8
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -1,7 +1,13 @@
|
|
|
1
|
-
# React Shopping Cart 🛒
|
|
1
|
+
# React Shopping Cart Kit 🛒
|
|
2
2
|
|
|
3
3
|
A modern, lightweight React shopping cart library with beautiful UI components. Perfect for e-commerce websites and marketplaces.
|
|
4
4
|
|
|
5
|
+
<img src="https://github.com/razan-aboushi/react-shopping-cart/blob/main/images/shoppingCart1.png?raw=true" width="400" />
|
|
6
|
+
<img src="https://github.com/razan-aboushi/react-shopping-cart/blob/main/images/shoppingCart2.png?raw=true" width="400" />
|
|
7
|
+
<img src="https://github.com/razan-aboushi/react-shopping-cart/blob/main/images/shoppingCart3.png?raw=true" width="400" />
|
|
8
|
+
<img src="https://github.com/razan-aboushi/react-shopping-cart/blob/main/images/shoppingCart4.png?raw=true" width="400" />
|
|
9
|
+
<img src="https://github.com/razan-aboushi/react-shopping-cart/blob/main/images/shoppingCart5.png?raw=true" width="400" />
|
|
10
|
+
|
|
5
11
|
## Features
|
|
6
12
|
|
|
7
13
|
- **Multi-Currency Support** - Dynamic currency switching with real-time conversion
|
|
@@ -16,9 +22,9 @@ A modern, lightweight React shopping cart library with beautiful UI components.
|
|
|
16
22
|
## Installation
|
|
17
23
|
|
|
18
24
|
```bash
|
|
19
|
-
npm install react-shopping-cart
|
|
25
|
+
npm install react-shopping-cart-kit
|
|
20
26
|
# or
|
|
21
|
-
yarn add react-shopping-cart
|
|
27
|
+
yarn add react-shopping-cart-kit
|
|
22
28
|
```
|
|
23
29
|
|
|
24
30
|
### Requirements
|
|
@@ -32,13 +38,13 @@ yarn add react-shopping-cart
|
|
|
32
38
|
|
|
33
39
|
```tsx
|
|
34
40
|
// main.tsx or App.tsx
|
|
35
|
-
import 'react-shopping-cart/styles';
|
|
41
|
+
import 'react-shopping-cart-kit/styles';
|
|
36
42
|
```
|
|
37
43
|
|
|
38
44
|
### 2. Wrap Your App with CartProvider
|
|
39
45
|
|
|
40
46
|
```tsx
|
|
41
|
-
import { CartProvider } from 'react-shopping-cart';
|
|
47
|
+
import { CartProvider } from 'react-shopping-cart-kit';
|
|
42
48
|
|
|
43
49
|
const cartConfig = {
|
|
44
50
|
taxRate: 0.08, // 8% tax rate
|
|
@@ -71,7 +77,7 @@ function App() {
|
|
|
71
77
|
### 3. Use the Hook in Your Components
|
|
72
78
|
|
|
73
79
|
```tsx
|
|
74
|
-
import { useShoppingCart } from 'react-shopping-cart';
|
|
80
|
+
import { useShoppingCart } from 'react-shopping-cart-kit';
|
|
75
81
|
|
|
76
82
|
function ProductCard({ product }) {
|
|
77
83
|
const { addItem, formatCurrency } = useShoppingCart();
|
|
@@ -91,7 +97,7 @@ function ProductCard({ product }) {
|
|
|
91
97
|
### 4. Add Pre-built Components (Optional)
|
|
92
98
|
|
|
93
99
|
```tsx
|
|
94
|
-
import { CartButton, CartDrawer, CartSummary, CurrencySelector } from 'react-shopping-cart';
|
|
100
|
+
import { CartButton, CartDrawer, CartSummary, CurrencySelector } from 'react-shopping-cart-kit';
|
|
95
101
|
|
|
96
102
|
function Header() {
|
|
97
103
|
return (
|
|
@@ -372,7 +378,7 @@ Built-in support for English and Arabic with automatic RTL layout for Arabic.
|
|
|
372
378
|
Fully typed with TypeScript. Extend the base product type for type safety:
|
|
373
379
|
|
|
374
380
|
```tsx
|
|
375
|
-
import { BaseProduct, useShoppingCart } from 'react-shopping-cart';
|
|
381
|
+
import { BaseProduct, useShoppingCart } from 'react-shopping-cart-kit';
|
|
376
382
|
|
|
377
383
|
interface MyProduct extends BaseProduct {
|
|
378
384
|
sku: string;
|
|
@@ -427,3 +433,4 @@ MIT © [Razan Aboushi](https://github.com/razan-aboushi)
|
|
|
427
433
|
- 📧 Email: razanalqaddoumi@gmail.com
|
|
428
434
|
- 🐛 GitHub: https://github.com/razan-aboushi/react-shopping-cart
|
|
429
435
|
- 💼 LinkedIn: https://www.linkedin.com/in/razan-aboushi/
|
|
436
|
+
- 📦 NPM: https://www.npmjs.com/package/react-shopping-cart-kit
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-shopping-cart-kit",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.1",
|
|
4
4
|
"description": "A modern, lightweight, and customizable React shopping cart library with hooks, context API, and beautiful UI components. Perfect for e-commerce websites, marketplaces, and headless commerce apps. Features multi-currency support, dynamic shipping methods, discount codes, and complete internationalization with RTL support.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react shopping cart",
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
"dist/styles.css"
|
|
68
68
|
],
|
|
69
69
|
"scripts": {
|
|
70
|
-
"start": "
|
|
70
|
+
"start": "vite --config demo/vite.config.ts",
|
|
71
71
|
"build": "vite build",
|
|
72
72
|
"dev": "vite",
|
|
73
73
|
"demo": "vite --config demo/vite.config.ts",
|