Burn Book — Mean Girls Themed Portfolio
WEBDEPLOYED
Burn Book is my experimental portfolio where I leaned hard into creativity while keeping the build clean and functional. The site uses a Mean Girls-inspired “burn book” concept to present my projects as “receipts,” with interactive modals, smooth transitions, and playful UI details (handwritten headers, paper textures, stamps, and tape effects). I also built a doodle mode that lets users draw on the page for fun, then auto-clears after a short time to keep the experience light and fast. This project highlights my ability to design a strong theme, build interactive UI components, and still keep everything readable and navigable like a real portfolio.
Key Features & Functionality
Intro screen with “Skip Intro” for faster entry
Doodle mode toggle with drawings that fade/disappear after a few seconds
Receipt-style project cards with consistent layout and strong visual hierarchy
Project “receipt intelligence” modal with gallery thumbnails + expanded view
Smooth micro-interactions (hover states, button feedback, modal transitions)
Clear site navigation (About Me, Receipts, You Can Sit With Me / Contact)
Theme-consistent UI details (paper textures, stamps, tape, handwritten typography)
Mobile-friendly layout with large click targets and readable spacing
Technical Stack
Next.jsReactTypeScriptTailwind CSSFramer Motion