@orderingstack/front-components-product-configurator 0.0.0 → 0.0.4

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/LICENSE CHANGED
@@ -1,6 +1,6 @@
1
1
  MIT License
2
2
 
3
- Copyright (c) 2022
3
+ Copyright (c) 2022 João Paulo Moraes
4
4
 
5
5
  Permission is hereby granted, free of charge, to any person obtaining a copy
6
6
  of this software and associated documentation files (the "Software"), to deal
package/README.md CHANGED
@@ -1,25 +1,66 @@
1
- # @orderingstack/front-components-product-configurator
1
+ # React Tailwindcss Boilerplate build with Vite
2
2
 
3
- This package contain ProductConfigurator component.
3
+ This is a [ReactJS](https://reactjs.org) + [Vite](https://vitejs.dev) boilerplate to be used with [Tailwindcss](https://tailwindcss.com).
4
4
 
5
- ## Usage
5
+ ## What is inside?
6
6
 
7
- `npm i @orderingstack/front-components-product-configurator`
7
+ This project uses many tools like:
8
8
 
9
- ```ts
10
- import { ProductConfigurator } from '@orderingstack/front-components-product-configurator/';
11
- import '@orderingstack/front-components-product-configurator/dist/style.css';
9
+ - [ReactJS](https://reactjs.org)
10
+ - [Vite](https://vitejs.dev)
11
+ - [TypeScript](https://www.typescriptlang.org)
12
+ - [Jest](https://jestjs.io)
13
+ - [Testing Library](https://testing-library.com)
14
+ - [Tailwindcss](https://tailwindcss.com)
15
+ - [Eslint](https://eslint.org)
16
+ - [Prettier](https://prettier.io)
12
17
 
13
- export const ProductConfiguratorWrapper = props => {
14
- const { product } = props;
18
+ ## Getting Started
15
19
 
16
- return (
17
- <ProductConfigurator
18
- product={product}
19
- primaryColor="blue"
20
- handleGoBack={() => console.log("handleGoBack)}
21
- handleAddToBasket={ value => console.log(value)}
22
- />
23
- );
24
- };
20
+ ### Install
21
+
22
+ Create the project.
23
+
24
+ ```bash
25
+ npx degit joaopaulomoraes/reactjs-vite-tailwindcss-boilerplate my-app
26
+ ```
27
+
28
+ Access the project directory.
29
+
30
+ ```bash
31
+ cd my-app
32
+ ```
33
+
34
+ Install dependencies.
35
+
36
+ ```bash
37
+ npm install
38
+ ```
39
+
40
+ Serve with hot reload at http://localhost:3000.
41
+
42
+ ```bash
43
+ npm run dev
25
44
  ```
45
+
46
+ ### Lint
47
+
48
+ ```bash
49
+ npm run lint
50
+ ```
51
+
52
+ ### Build
53
+
54
+ ```bash
55
+ npm run build
56
+ ```
57
+
58
+ ### Test
59
+
60
+ ```bash
61
+ npm run test
62
+ ```
63
+
64
+ ## License
65
+
66
+ This project is licensed under the MIT License.