https://github.com/wojciechmarek/crypto-board

A fake crypto board app that allows you to track and swap your crypto assets.
https://github.com/wojciechmarek/crypto-board

chartjs crypto cryptocurrency dark-mode dark-theme modern-design nextjs nextjs14 react reacttable tailwind taiwindcss typescript walletconnect

Last synced: 2 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/wojciechmarek/crypto-board
• Owner: wojciechmarek
• Created: 2023-11-24T23:28:36.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-11-27T15:15:16.000Z (about 1 year ago)
• Last Synced: 2024-11-30T02:12:44.736Z (2 months ago)
• Topics: chartjs, crypto, cryptocurrency, dark-mode, dark-theme, modern-design, nextjs, nextjs14, react, reacttable, tailwind, taiwindcss, typescript, walletconnect
• Language: TypeScript
• Homepage: https://crypto-board-three.vercel.app
• Size: 870 KB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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](https://crypto-board-three.vercel.app).

## Screenshot

![demo1 - swap](./screenshots/demo1.png)

## 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](https://nodejs.org/en/download/).

2. Clone the repository.

3. Create a `.env` file in the root directory and add the following variables:

```bash

WALLET_CONNECT_PROJECT_ID="your_project_id"

```

4. Type and run: `npm i` in the root directory.

5. Type and run: `npm run dev` in the root directory.

6. Open `http://localhost:3000` in your browser to see the app.