UNO! Theme Developer Portfolio 🃏

Welcome to the ultimate Wild Card of developer portfolios!

This is a single-page, fully responsive and highly interactive developer portfolio built with a design system deeply inspired by the classic card game UNO. It combines playful aesthetics (like bold primary colors, thick black borders, tilted cards, and wild animations) with a professional presentation of skills, projects, and contact information.

• Responsive "Waterfall" Layout: Seamlessly scrollable from top to bottom (Home → About → Skills → Projects → Contact) natively styled for every device width.
• "Wild Card" Theme Switcher: A globally accessible theme button that lets users dynamically switch the entire portfolio's accent color (Red, Blue, Green, or Yellow) just by "playing" a different color card!
• Interactive "UNO Hand" Skills Deck: A fully functional deck-drawing mini-game built right into the "Skills" section. Users can "Deal" skills directly into their hand, and "Reshuffle" the deck to restart!
• Notebook & Score Sheet Aesthetics: The 'About' and 'Contact' sections utilize custom CSS to perfectly mimic lined notebook paper and classic UNO score sheets.
• Smooth Animations & Micro-Interactions: Custom hover states, 3D tilted project cards (transform-style: preserve-3d), and deal animations to make the site feel like a physical tabletop game.

This project was bootstrapped with modern, blazing fast tooling:

• Framework: React 18
• Language: TypeScript
• Bundler: Vite
• Styling: Tailwind CSS (v3) + Custom CSS Extenstions
• Typography: Google Fonts (Spline Sans for headers/UI, Caveat for handwriting elements, and Material Symbols Outlined for icons).

To run this project locally, follow these steps:

1. Clone the repository:

   git clone [your-repo-link]
   cd Portfolio

2. Install the dependencies:

   npm install

3. Start the development server (runs with Vite's HMR):

   npm run dev

4. Open your browser and visit: http://localhost:5173

"Why be standard when you can drop a +4?"

The goal of this design was to break out of the standard "generic tech portfolio" mold. By utilizing heavily stylized borders, bright primary hex colors (#ff5555, #5555ff, #55aa55, #ffaa00), and interactive components directly themed after tabletop features, the site acts as an immediate showcase of frontend development capability and creative UX design.