All projects

Test project 13 Jul 2024

aldebaran - TON staking landing rebuilt into a multi-page site

aldebaran - TON staking landing rebuilt into a multi-page site
  • React 18
  • React Router
  • Chart.js
  • SCSS
  • Tailwind
  • Cloudflare

A TON auto-staking landing rebuilt from a single-page Create React App template riddled with dead nav links, a line chart mislabeled as a pie chart, duplicate cards, an absolutely-positioned footer and placeholder copy. Turned it into a routed multi-page site (About, Documents, Audit, Instructions, 404) with a working, accessible mobile drawer, fixed every dead link and no-op control, and replaced the mislabeled chart with a proper responsive Chart.js line chart (ref plus cleanup, screen-reader data table). Layered in accessibility throughout (single h1, landmarks, skip link, focus-visible, reduced-motion, real alt text and table headers), a scroll-reveal that never leaves content hidden, an OKLCH design-token system with a Space Grotesk and Inter type pairing, branded buttons, partner wordmarks and a multi-column footer. Replaced all placeholder copy with believable product copy and rebranded the whole site. React 18, React Router 6, Chart.js, SCSS and Tailwind, deployed on Cloudflare Pages.

Live Code