Skip to content

wojciechmarek/crypto-board

Repository files navigation

Crypto board

A fake crypto board app that allows you to track and swap your crypto assets.

Purpose

To practice the Next.js 14 framework and learn how to use crypto APIs (WalletConnect).

Demo

The live demo is available at crypto-board-three.vercel.app.

Screenshot

demo1 - swap

Used technologies

  • 🎁 Repository: standard Git repository
  • 🌈 Framework: next.js 14
  • 🛠️ Tools: prettier, eslint, conventional commits, clsx
  • 🎨 Styling: tailwind, lucide icons
  • 💎 Others: charts.js, react table, wallet connect, vercel pipeline

Wallet Connect

This project uses the Wallet Connect API to connect to the crypto wallets.

How to run

  1. Install Node.js.
  2. Clone the repository.
  3. Create a .env file in the root directory and add the following variables:
WALLET_CONNECT_PROJECT_ID="your_project_id"
  1. Type and run: npm i in the root directory.
  2. Type and run: npm run dev in the root directory.
  3. Open http://localhost:3000 in your browser to see the app.