A responsive Token Discovery Dashboard built using Next.js 14, TypeScript, and Tailwind CSS, replicating the Axiom Trade Pulse table experience.
The project demonstrates real-time data updates, smooth animations, and accessible UI design — optimized for both desktop and mobile screens.
🔗 Website: https://axiomtradetablefrontend-2t63z1iug-srishti-8976s-projects.vercel.app
📦 GitHub Repository: https://github.com/Srishti-8976/axiomtradetable
💻 Development Environment (Codespaces): https://bookish-memory-97grgj94pw74c75rx.github.dev
This project reproduces the Axiom Trade Pulse interface — a modern crypto token table showing live price movements, percentage changes, and market status.
It includes features like sorting, dynamic updates, and subtle transitions that mimic real trading dashboards.
The focus is on:
- ⚡ Performance: Fast and lightweight (Next.js Turbopack build)
- 🎨 Design Precision: Pixel-perfect visual accuracy (≤ 2px diff)
- 🔍 Accessibility: Keyboard navigation & tooltips via Radix UI
- 🧠 Reusability: Built with atomic component structure
| Category | Technologies |
|---|---|
| Framework | Next.js 14 (App Router) |
| Language | TypeScript |
| Styling | Tailwind CSS |
| State Management | Redux Toolkit |
| Data Fetching | React Query (TanStack) |
| UI Components | Radix UI, Framer Motion |
| Testing | Playwright (Chromium, Firefox, WebKit) |
| Performance Audit | Lighthouse CI |
| Hosting | Vercel |
Clone and run the project locally:
# Clone the repo
git clone https://github.com/Srishti-8976/axiomtradetable_frontend.git
# Move into folder
cd axiomtradetable_frontend/frontend
# Install dependencies
npm install
# Run the development server
npm run dev