non-fungible-apps/ui
Camila Sosa Morales 66e041f63f
refactor: UI improvements (#67)
* feat: add pointer on SiteCard

* fix: don`t show ens when it`s empty

* style: add icons on wallet button

* styles: align home button on same splace in all views

* style: add tooltip on attributes card

* chore: install react-icons

* feat: add paste feature on owner address field

* style: add icon of connected wallet

* style: add icon metamask

* fix: fix error message on owner address field

* chore: remove console.log

* style: add colors theme

* refactor: refactor icons. Create icon component

* refactor: remove function from component

* fix: fix husky precommit to add jsx and tsx files

* refactor: add metamask icon

* fix: fix import

* chore: remove metamask svg from assets
2023-01-11 16:34:05 -05:00
..
src refactor: UI improvements (#67) 2023-01-11 16:34:05 -05:00
.eslintignore feat: boilerplate for UI (#14) 2022-12-01 10:25:30 -03:00
.eslintrc.js feat: boilerplate for UI (#14) 2022-12-01 10:25:30 -03:00
.gitignore UI 11: refactor vite.config.json (#20) 2022-12-05 15:15:21 -03:00
.prettierrc feat: boilerplate for UI (#14) 2022-12-01 10:25:30 -03:00
README.md fix: ui readme broken wiki link (#63) 2022-12-22 14:43:03 -03:00
index.html feat: boilerplate for UI (#14) 2022-12-01 10:25:30 -03:00
package.json refactor: UI improvements (#67) 2023-01-11 16:34:05 -05:00
tsconfig.json chore: precommit hooks (#18) 2022-12-16 14:57:49 -03:00
vite.config.ts chore: precommit hooks (#18) 2022-12-16 14:57:49 -03:00
yarn.lock refactor: UI improvements (#67) 2023-01-11 16:34:05 -05:00

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:

  1. Clone the repo, check out how here.

  2. Install the dependencies:

    $ yarn
    
  3. Start the local server running the app:

    $ yarn dev
    

    Now 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.