> building a trading terminal
title:
backprop
highlights:
~USD$3-19m daily trading volume, ~1m+ monthly page views
built year:
2025
Status:
deployed
stack:
React, Nextjs, TailwindCSS, PolkadotJS, Viem, Wagmi, Ethersjs, Nodejs, Redis, Prisma, Recharts, PM2, Docker, Python, FastAPI, DeepseekV3
role:
frontend engineer, trading interface, charts, wallet connection and authentication, transaction signing and watchlists
description:
A trading terminal for the Bittensor ecosystem, to abstract the complexities of actually trading on the network
challenges:
Balancing the UX of a trading terminal with the complexity of the trading logic, ensuring money values are transported correctly, ensuring clean re-renders in a page that has 3k LOC, selective caching
lessons:
Applying the right react principles from the start can save a lot of debugging time
> reskinning a staking dApp.
title:
Tensorplex Stake
highlights:
1100+ unique wallet users took part in referral program
built year:
2024
Status:
deployed
stack:
React, Nextjs, Html, Css, Ethersjs, Viem, PolkadotJS, Wagmi, Tailwindcss
role:
Frontend engineer, reskin, bridging interface, points program and leaderboard feature
description:
Web interface to interact with Bittensor and Ethereum network, to stake, bridge, and accrue rewards
challenges:
Custom wallet and authentication setup, integration with multiple chains, good UX on an api intensive input-based interface
lessons:
Don't attempt to build a storybook if your application team consist of 1 person
> 'IT Helpdesk' for my family
title:
HapiGenes
highlights:
my mom loved it <3
built year:
2025
Status:
deployed
stack:
React, Nextjs, Server Actions, Supabase, NextAuth, Tailwindcss, React-hook-form
role:
Sole developer
description:
A project done for my mum's DNA whitelabelling business. This is a web application that integrates with whitelabelled API to serve a fuss free DNA Kit testing service to users
challenges:
Integrating with third party APIs and handling the complexity of a 50+ question survey with 200+ different options and conditional form
lessons:
Sometimes at the mercy of 3rd party apis, your code is forced to look ugly, and that's ok.
> Internal AI Labelling Platform
title:
Dojo
highlights:
Completed in 3 working days from scratch
built year:
2025
Status:
preview only
stack:
React, Nextjs, TailwindCSS
role:
Sole Developer
description:
A platform to label data for training AI models
challenges:
Figuring out the best user experience for labelling data
lessons:
Simple but bespoke UI beats fancy UI with bad UX
title:
canpark
highlights:
carpark search by map area
built year:
2021
Status:
deployed
stack:
React, Nextjs, Html, Css, Mapbox
role:
Sole Developer
description:
Search for parking lots, anywhere in singapore
challenges:
Creating a responsive UI, integrating 3rd party apis
lessons:
Just start coding, you'll figure it out
