04dc4a95c7
* wip: form for mint * style: change bgcolor for disabled button * fix: add key to list items * styles: add some spacings and border radius * refactor: change type file and move file validation to form * feat: add minted nft card. add wallet step * refactor: add mint card header to not repeat code * styles: add border radius to svg * styles: fix styles on mint view * style: fix height mint view * fix: fix save repository config * chore: changes based on PR review |
||
|---|---|---|
| .. | ||
| .storybook | ||
| src | ||
| .eslintignore | ||
| .eslintrc.js | ||
| .gitignore | ||
| .prettierrc | ||
| README.md | ||
| index.html | ||
| package.json | ||
| postcss.config.js | ||
| tailwind.config.js | ||
| tsconfig.json | ||
| vite.config.ts | ||
| yarn.lock | ||
README.md
⚡ Overview
Minimal UI to interact with the contract, build with React. It will allow you to:
- Mint your site
- List the minted sites
- View the details of the minted site
⚙️ Requirements
You'll need to have nodejs and YARN installed. Please do not use NPM for package installation.
Also, don't forget to check the Getting started section on the wiki if you didn't do it yet, cause you need to configure your wallet to be able to mint a site.
🖥️ Running
To run the UI localy follow the steps:
-
Clone the repo, check out how here.
-
Install the dependencies:
$ yarn -
Start the local server running the app:
$ yarn devNow a local server should be running on http://localhost:5173.
🤖 Build public
As we use vite, to build a public distribution for production run:
$ vite build
This will create a dist folder for the deployment.