Token Forge

Token Forge is a Next.js web application for buying NFTs and visualizing analytics.

👉 Live Demo: 1. Home page! , 2. Analytics page.

Requirements

• Set NEXT_PUBLIC_WALLETCONNECT_ID in your environment (via .env file or process).
• Set ANALYTICS_BASE_URL to the analytics backend.

Quick Start

Run Locally

git clone <your-repo-url>
cd token-forge
npm install
# Create a .env file and set NEXT_PUBLIC_WALLETCONNECT_ID and ANALYTICS_BASE_URL
npm run dev

The app will start on http://localhost:3000.

Run with Docker

Build:

docker build \
  --build-arg ANALYTICS_BASE_URL="http://localhost:22000" \
  --build-arg NEXT_PUBLIC_WALLETCONNECT_ID="abc123" \
  -t token-forge .

Run:

docker run -p 3000:3000 --rm token-forge:latest

Roadmap

• Support users selecting multiple accounts in MetaMask.
• Add Playwright end-to-end tests.

---

Why These Tools?

Package	Purpose
React and Next.js	Declarative UI development and built-in routing features.
date-fns	Easy to use Date and timezone utilities for formatting dates/times.
@rainbow-me/rainbowkit	Simplifies wallet connection UI and experience for Ethereum apps.
react-hot-toast	Simple, customizable toast notifications.
recharts	For rendering responsive, composable data visualizations/charts.
viem, wagmi	Modern, reliable Ethereum (EVM) API clients for blockchain interaction.