👾 Super Mario Geek Portfolio 🚀

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!

🍄 Tech Stack

• 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

💾 Warp Pipe: Getting Started

npm install
npm run dev

🎨 Customize Your World

Every 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

🎮 Controls & Navigation

Dock at the bottom = SNES controller:

• 🏠 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

In-Game Controls (Level Select and Platforming!)

• → : 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!

TODO

• For mobile devices, use a library instead of naive checks