Wee Joe's Personal Portfolio

Inspiration:

I’ve always believed a portfolio shouldn’t just list projects, it should feel like the person behind it. I wanted to build something that reflected my journey as a developer and creator. Instead of a generic template, I aimed to build a portfolio that blends clean engineering, modern UI design, and interactive visuals. The idea was to create something simple yet memorable, with a personality of its own.

What it does:

This is my personal portfolio website that showcases: My projects in AI, full-stack development and machine learning My technical skills and tools My experience A bit of my story and personality as a builder Uses animated graphic blobs and smooth transitions to create a fluid, organic feel that stands out visually while keeping the site professional and easy to navigate.

How I built it:

React + TypeScript for front-end Framer Motion for animation and page transitions CSS blobs and SVG filters for the dynamic organic background shapes Responsive layout using Tailwind CSS Netlify for deployment and hosting

Challenges I ran into:

Tuning the animation performance so the blob effects stayed smooth without lag Getting SVG filters and gradients to work consistently across browsers Balancing design and usability – making sure visuals look good but don’t distract from content Keeping mobile responsiveness clean with layered visuals and motion

Accomplishments that I'm proud of:

Building a portfolio that actually feels like me Creating custom animated backgrounds using CSS + SVG blobs Writing clean, reusable components that make future updates easy Hosting and deploying a polished, responsive personal site from scratch Leveling up my front-end animation and UI craft

What I learnt:

Advanced Framer Motion animation patterns SVG masking and blob generation techniques Designing better component architecture in React UI performance optimisation

What's next for my portfolio:

Add interactive project case studies with demos Add AI-powered smart search across my projects Turn it into a living platform that evolves as my work grows

Built With

• netlify
• react
• tailwind
• typescript