jeffemmett
/
non-fungible-apps
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
non-fungible-apps/ui
History
Camila Sosa Morales 964c1a651f
feat: integrate firebase for github login (#132) 
* 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

* wip: connecting with gh login

* chore: add env variables

* wip: gh login wiht auth0

* feat: add gh login integration

* chore: remove web3auth packages

* doc: add info on readme to know how to get firebase credentials

* feat: add spinner component (#133)

* fix: fix for polyfills

* refactor: remove loading state cause it was causing a loop

* chore: change placeholder

* feat: add constants env file

* fix: fix polyfills

* refactor: implement async thunk for github login

* wip: add async thunk for github api calls

* feat: implemented async thunk for github api calls

* chore: add promise.all to improve api call performance

* fix: fix console log error
 		2023-02-23 13:38:51 -05:00
..
.storybook chore: remove chakra (#86) 2023-01-26 16:02:08 -05:00
src feat: integrate firebase for github login (#132) 2023-02-23 13:38:51 -05:00
.eslintignore feat: boilerplate for UI (#14) 2022-12-01 10:25:30 -03:00
.eslintrc.js feat: integrate firebase for github login (#132) 2023-02-23 13:38:51 -05: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 feat: integrate firebase for github login (#132) 2023-02-23 13:38:51 -05:00
index.html feat: integrate firebase for github login (#132) 2023-02-23 13:38:51 -05:00
package.json feat: integrate firebase for github login (#132) 2023-02-23 13:38:51 -05:00
postcss.config.js chore: add tailwind and stitches (#75) 2023-01-18 11:41:08 -05:00
tailwind.config.js chore: mint form (#115) 2023-02-10 17:49:30 -05:00
tsconfig.json chore: precommit hooks (#18) 2022-12-16 14:57:49 -03:00
vite.config.ts feat: integrate firebase for github login (#132) 2023-02-23 13:38:51 -05:00
yarn.lock feat: integrate firebase for github login (#132) 2023-02-23 13:38:51 -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. You'll need to set up your firebase cretendials to make work the github login. Set the .env file with the following variables

    VITE_FIREBASE_API_KEY
VITE_FIREBASE_AUTH_DOMAIN
VITE_FIREBASE_PROJECT_ID
VITE_FIREBASE_STORAGE_BUCKET
VITE_FIREBASE_MESSAGING_SENDER_ID
VITE_FIREBASE_APP_ID
VITE_FIREBASE_MEASUREMENT_ID

Get them from the project settings on the firebase dashboard. Read this article to know how to get your porject config

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