Let's-a go! This portfolio is styled straight out of the Mushroom Kingdom! Power up, stomp Goombas, and navigate a pixel-perfect journey through my geeky/techy world—Mario style!
- React 18 – The super star of UI frameworks
- TypeScript – For code that will never throw a blue shell at you
- Vite – Like pressing B, but for build speed
- React Router DOM – Warp pipes between worlds
- Framer Motion – Pixel-perfect movement, no laggy jumps
- Tailwind CSS – Edit styles faster than a Fire Flower upgrades Mario
- Lucide React Icons – 1-UP your icons
npm install
npm run devEvery world has its own Mario Kart color scheme & pattern:
- Home: 1-UP Green (#00FF41) grid (Title Screen Vibes)
- About: Fire Mario Orange (#FF6B35) with pixel dots
- Projects: Ice Land Cyan (#4ECDC4) pixel squares
- Contact: Star Power Yellow (#FFE66D) with speedy lines
- 🏠 Home: Go to main screen
- 👤 User: About page (view my stats)
- 💼 Briefcase: Projects (completed quests)
- ✉️ Mail: Contact form (send me your support!)
- 🎮 Gamepad: Launch the Mario Game of My Journey
- → : Run right
- ← : Run left
- ↑ : Jump (bonk ? blocks, avoid pits!)
- Reach 95% progress to finish a world—watch as Mario (that's me!) dashes through key stages from 1-1 (childhood) to big boss battles (major milestones).
Collect blocks, unlock life events, and enjoy this geek-powered, Super Mario-themed adventure through my developer career!
Ready? Press Start!
- For mobile devices, use a library instead of naive checks