Skip to content

DaniilPopov0809/my-wallet-app

Repository files navigation

Мова: Українська, English.

Зовнішній вигляд

Desktop

Зовнішній вигляд

Mobile

Зовнішній вигляд

Опис проекту

Веб-додаток, для роботи з токенами в мережі Ethereum Goerli на мобільних та десктопних пристроях.

Реалізовано

  1. Односторінковий веб-додаток.
  2. Підключення до свого гаманця в мережі Ethereum Goerli.
  3. Перевірка балансу акаунту та адреси гаманця.
  4. Трансфер токена з підключеного гаманця на іншу адресу в мережі Ethereum Goerli.

Стек технологій:

JavaScript React Redux Toolkit
Vite React-bootstrap Emotion Web3Modal Ethers.js Formik Yup

Реалізація проекту:

  • Проект зібраний за допомогою Vite.
  • Компоненти створені з використанням бібліотеки React-bootstrap
  • У проекті використовується бібліотека управління станом ReduxToolkit.
  • Необхідні дані зберігаються в localStorage використанням бібліотеки Redux Persist

Інструкція з використання

Для роботи з гаманцем потрібно встановити MetaMask - це розширення для веб-браузера, що дозволяє користувачам зручно управляти своїми криптовалютними активами та взаємодіяти з децентралізованими додатками (DApps) на блокчейні Ethereum. Воно дозволяє створювати та керувати гаманцями, підписувати транзакції та здійснювати різноманітні дії на блокчейні.

  1. Встановити розширення MetaMask у своєму веб-браузері (наприклад, Google Chrome, Mozilla Firefox) або завантажити офіційний додаток MetaMask з магазину додатків свого пристрою (App Store для iOS або Google Play Store для Android).
  2. Після встановлення розширення або додатку, треба створити новий гаманець або відновити наявний за допомогою своїх мнемонічних слів (seed phrase).
  3. Завершивши ці кроки, підключити свій гаманець до веб-додатку, натиснувши кнопку "Connect wallet".
  4. Після вдалого підключення гаманця замість "Connect wallet" з'явиться інформація о адресі, балансу гаманця, а також кнопка "Disconnect" для відключення гаманця. У формі "Transaction form" заповнити поля "Wallet address" та "Amount ETH" здійснити трансфер токенів, натиснувши кнопку "Send ETH".
  5. За необхідністю є можливість скопіювати адресу та баланс гаманця натиснувши на відповідні поля.

Посилання на веб-додаток:

Посилання на веб-додаток

Тестове завдання:

Тестове завдання