Giter Club home page Giter Club logo

scaffold-eth-2-app's Introduction

🏗 Scaffold-ETH 2

🧪 Набор инструментов для разработки децентрализованных приложений в сети Ethereum. Создан для легкого создания и размещения смарт-контрактов, быстрой разработки UI для взаимодействия с ними.

⚙️ Использует фреймворки NextJS, RainbowKit, Hardhat, Wagmi, and Typescript.

  • Горячая перезагрузка контракта: Фронтенд приложения автоматически реагирует на изменения в исходном коде смарт-контракта.
  • 🪝 Хуки: Коллекция оберток вокруг React хуков wagmi упрощает взаимодействие с контрактами.
  • 🧱 Компоненты: Коллекция основных фронтенд компонентов для взаимодействия с Web3.
  • 🔥 Burner Wallet & Local Faucet: Тестируйте свои приложения с локальным источником криптовалюты.
  • 🔐 Интеграция с провайдерами Web3: Подключение основных провайдеров для доступа к сети Ethereum.

Debug Contracts tab

Requirements

Начало работы

Для создания шаблонного приложения Scaffold-ETH 2, выполните следующие шаги:

  1. Клонируйте репозиторий и установите зависимости
git clone https://github.com/labintsev/scaffold-eth-2-app.git
cd scaffold-eth-2-app
yarn install
  1. В первом терминале запустите локальную Web3 сеть
yarn chain

Эта команда запускает сеть Ethereum на локальной машине с помощью Hardhat для быстрой разработки и тестирования. Настройка параметров сети доступна в файле hardhat.config.ts.

  1. Во втором терминале разместите и протестируйте смарт-контракт:
yarn deploy

Исходный код контракта расположен в папке packages/hardhat/contracts, его можно модифицировать для своего приложения. Команда yarn deploy размещает смарт-контракт в локальной сети, в папке packages/hardhat/deploy. Скрипт для деплоя тоже можно кастомизировать.

  1. В третьем терминале запустите фронтенд-приложение NextJS:
yarn start

Перейдите по ссылке: http://localhost:3000. Взаимодействие со смарт-контрактом доступно на странице Debug Contracts. Настройки приложения доступны в файле packages/nextjs/scaffold.config.ts.

Тестирование

Запуск тестов для смарт-контракта командой yarn hardhat:test Рекомендуется запускать тесты после каждого изменения

  • исходного кода смарт-контракта YourContract.sol in packages/hardhat/contracts
  • компонентов фронтенда packages/nextjs/pages
  • настроек размещения скрипта в папке packages/hardhat/deploy

Документация

Для подробного изучения компонентов Scaffold-ETH-2 обязательно посетите страницы documentations и website.

Contributing to Scaffold-ETH 2

We welcome contributions to Scaffold-ETH 2!

Please see CONTRIBUTING.MD for more information and guidelines for contributing to Scaffold-ETH 2.

scaffold-eth-2-app's People

Contributors

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