You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/tutorials/webapp-1.md
+6-4Lines changed: 6 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -17,7 +17,7 @@ This is a step-by-step tutorial, but you can also directly check out [the Web UI
17
17
**Prerequisites:**
18
18
19
19
- Basic understanding of blockchain and a [browser wallet set up with some $KNOW tokens](https://docs.okp4.network/tutorials/keplr-1)
20
-
- Familiarity with JavaScript and modern web development, [Node.js](https://nodejs.org/) installed on your machine. This guide uses `npm`, but you’re encouraged to use `yarn` or `pnpm` as well.
20
+
- Familiarity with JavaScript and modern web development, [Node.js](https://nodejs.org/) installed on your machine. This guide uses [Node.JS v18.18 (LTS)](https://nodejs.org/fr/blog/release/v18.18.0). You'll see commands with `npm`, but you’re encouraged to use `yarn` or `pnpm` as well.
21
21
22
22
## Importance of user interfaces interacting with the OKP4 protocol
23
23
@@ -34,7 +34,7 @@ This is where the significance of user-friendly interfaces comes into play. A we
34
34
Let’s initiate a project with the [Vite framework](https://vitejs.dev/), which offers a lightning-fast cold server start and blazingly fast hot updates:
35
35
36
36
```bash
37
-
npm create vite@latest
37
+
npm create vite@4.4.1 # you're free to use the latest version, but to ensure compatibility this guide provides a specific version
38
38
```
39
39
40
40
Choose the **React** framework and the **TypeScript + SWC** variant.
@@ -60,7 +60,8 @@ As we’ll deal with libraries and dependencies that were originally designed fo
60
60
Thus, install **`node-stdlib-browser`** and the **`vite-plugin-node-stdlib-browser`** plugin:
61
61
62
62
```bash
63
-
npm i -D node-stdlib-browser vite-plugin-node-stdlib-browser
63
+
# you're free to use the latest versions, but to ensure compatibility this guide provides specific versions
Then, modify the Vite config file (`vite.config.ts`):
@@ -81,7 +82,8 @@ export default defineConfig({
81
82
Now, install some packages to equip the project with a suite of tools and libraries essential for interacting with the blockchain, handling encoding/decoding, ensuring transactional integrity, and working with specific data structures defined by the OKP4 protocol.
82
83
83
84
```bash
84
-
npm i graz @cosmjs/encoding @cosmjs/proto-signing cosmjs-types @okp4/cognitarium-schema @okp4/law-stone-schema
85
+
# you're free to use the latest versions, but to ensure compatibility this guide provides specific versions
0 commit comments