Expectations

In this repo you'll learn how to setup a ERC721 contract starting from Remix's @cloudflare/pages template. You will find the use of state machines to control state flow of the transaction sent to the blockchain. You will also see that the use of React's useState is minimal and instead the use Jotai which is an implementation of signals for React, including atoms states and derived states from those atoms.

Demo

In this demo you can see the Animatronik creation flow and also see a page where all of them are showcased - demo

Files to pay attention

1. atoms/signer.tsx
2. atoms/account.tsx
3. atoms/provider.tsx
4. atoms/chainReference.tsx
5. machines/transaction.tsx
6. routes/_dapp.tsx
7. routes/_dapp.add.tsx
8. routes/_dapp.showcase.tsx
9. utils/hashing.ts
10. utils/style.ts
11. utils/animatronik.ts
12. utils/metamask.ts
13. utils/provide.ts

Links

• ERC721 contract
• Jotai