Code Monkey home page Code Monkey logo

gld-vendor-ui's Introduction

๐Ÿต GLD Vendor

About

This project is a set of smart contracts and a UI which enables a user to buy and sells ERC-20 tokens (GLDs).

I am leveraging eth-hooks, and using this design to style the page.

The smart contract logic is sourced from my submission to scaffold-eth challenge 2. The contract and out-of-the-box UI can be found on my buidlguidl profile.

You can watch the live coding session for this project here (starts at 34:00).

Quick Start

Commands to run the app

Running the app

  1. install your dependencies, open a new command prompt

    yarn install
  2. start a hardhat node

    yarn chain
  3. run the app, open a new command prompt

    # build hardhat & external contracts types
    yarn contracts:build
    # deploy your hardhat contracts
    yarn deploy
    # start the app (vite)
    yarn start
  4. If you'd like to run the nextjs app, open a new command prompt

    # start nextjs app
    yarn start:next
    
  5. other commands

    # rebuild all contracts, incase of inconsistent state
    yarn contracts:rebuild
    # run hardhat commands for the workspace, or see all tasks
    yarn hardhat 'xxx'
    # get eth for testing locally
    yarn hardhat faucet xxx

Environment Variables

Vite and NextJs app folders have .env files. To create local variables that overrride these, create a file called .env.local, or .env.development.local or .env.production.local and put your overrides in there.

You can set your TARGET_NETWORK with them.




gld-vendor-ui's People

Contributors

elenamik avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.