Giter VIP home page Giter VIP logo

scaffold-eth-ts-learn's Introduction

๐Ÿ— Scaffold-Eth Typescript

Typescript

This is the typescript repo of scaffold-eth and it uses hardhat and vite. The directories that you'll use are:

packages/vite-app-ts/
packages/hardhat-ts/

Quick Start

Running the app

  1. install your dependencies

    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
    yarn start 
  4. 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'
    # run subgraph commands for the workspace
    yarn subgraph 'xxx'

Overview

Everything you need to build on Ethereum! ๐Ÿš€ Quickly experiment with Solidity using a frontend that adapts to your smart contract:

image

  • ๐Ÿ” Edit your smart contract YourContract.sol in packages/hardhat-ts/contracts
  • ๐Ÿ“ Edit your frontend MainPage.tsx in packages/vite-app-ts/src
  • ๐Ÿ’ผ Edit your deployment scripts in packages/hardhat-ts/deploy
  • ๐Ÿ“ฑ Open http://localhost:3000 to see the app
  • ๐Ÿ‘ท๐Ÿฝโ€โ™‚๏ธ run yarn hardhat to get a list of all the tasks. Run yarn hardhat taskname to run the task.





Guides

Documentation

๐Ÿƒ๐Ÿ’จ Speedrun Ethereum

Register as a builder here and start on some of the challenges and build a portfolio.

๐Ÿ Make sure to click on the typescript tab!





More Information!

๐Ÿ“š Documentation

Documentation, tutorials, challenges, and many more resources, visit: docs.scaffoldeth.io

Eth-hooks documentation is here. Learn how to use the contexts here.

๐Ÿ”ญ Learning Solidity

Read the docs: https://docs.soliditylang.org

Go through each topic from solidity by example editing YourContract.sol in ๐Ÿ— scaffold-eth

๐Ÿ›  Buidl

Check out all the active branches, open issues, and join/fund the ๐Ÿฐ BuidlGuidl!

Follow the full Ethereum Speed Run

๐Ÿ’ฌ Support Chat

Join the telegram support chat ๐Ÿ’ฌ to ask questions and find others building with ๐Ÿ— scaffold-eth!

๐Ÿ™๐Ÿฝ Support us!

Please check out our Gitcoin grant too!

๐Ÿ” P.S.About keys

You need an RPC and API keys for testnets and production deployments, create an Alchemy account and replace the value of ALCHEMY_KEY = xxx in packages/vite-app-ts/.env with your new keys.

test

scaffold-eth-ts-learn's People

Contributors

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