Personal Website Launched! 🚀

After putting it off for way too long, my personal website is finally live!

Hopefully this new personal website mogs my old one to death.

I used building this personal website as an opportunity to get familiar with agentic workflows and tools like Claude Code.

What's on it

Home - Landing Page to my website
Projects - A collection of projects I have built (Coming soon...I am still polishing edges to make them presentable!)
Blog - Blog posts on things I find interesting, this will be on a variety of topics from technical reads on ML or Physics to my philosophical outlook on life
Notes - A collection of my curated class notes from UCSC and other topics (more to come)
About - A bit more about me :p
Quotes - A collection of my favourite quotes
CV - My professional resume basically
Books - A collection of books I've read and my thoughts & notes on them (Still under construction)
Mann Bot - This is kinda ambitious, but basically a RAG powered LLM chatbot that will be able to answer questions about me, this may take a while though because I need to make sure it's immune to jailbreaking and things like prompt injection (Also, I may change the name lol)

Tech Stack

Built with Next.js 15, Tailwind CSS, shadcn/ui components, and a little Framer Motion thrown in. The ASCII art animation on the homepage is rendered using Three.js and custom-written in TypeScript, a fun rabbit hole. The math behind it is based on Andy Sloane's donut.c, a fantastic read if you're curious how it works.

Each time you load the page, the shape is picked at random. It's usually the classic spinning donut, but occasionally you'll get a hyperboloid or a Mobius strip instead.

I added the animation deliberately: every landing page should have something interactive. There's research suggesting that people are significantly more likely to remember a website they interacted with versus one they simply scrolled through. The interaction introduces a small amount of cognitive load, just enough for the experience to stick in memory. Dragging the shape around costs you nothing, but it makes the visit feel tangible rather than passive.

It's hosted on Vercel, and I bought my own domain: mannn.dev - three n's, because mann.dev was taken by some German guy 🥲

What's Next

I plan to add:

My projects, notes & book reviews
A first blog post titled "21 things I've learnt at 21"
The Mann Bot (RAG + LLM powered chatbot to answer questions about me like me!)

Stay tuned!

Initial wireframe for this website

Ctrl + Scroll to zoom · Click and drag to pan around the diagram.