Personal Portfolio v2

A modern, responsive personal portfolio showcasing my projects and skills. Built with React, Vite, and Tailwind CSS featuring beautiful animations and a dark/light theme toggle.

🌐 Live Demo: brodyhd.me

✨ Features

• 🎨 Modern, responsive design with smooth animations
• 🌙 Dark/light theme toggle
• ✨ Animated background using Vanta.js and Three.js
• 📱 Fully mobile-responsive
• ⚡ Fast loading with Vite
• 🎯 Smooth scrolling navigation
• 🖼️ Project showcase with interactive cards
• 📧 Contact section with social links

🛠️ Tech Stack

• Frontend: React 18, Vite
• Styling: Tailwind CSS
• Animations: Vanta.js, Three.js
• Typewriter Effect: react-simple-typewriter
• Icons: Custom SVG icons
• Fonts: Inter (Google Fonts)

🚀 Getting Started

Prerequisites

• Node.js 18 or higher
• npm or yarn

Installation

1. Clone the repository:

git clone <repository-url>
cd Personal-Porfolio-v2

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

4. Open your browser and navigate to http://localhost:5173

Building for Production

npm run build

📁 Project Structure

src/
├── App.jsx              # Main application component
├── main.jsx             # Application entry point
├── index.css            # Global styles
├── ThemeContext.jsx     # Theme context provider
├── ThemeToggle.jsx      # Theme toggle component
└── VantaBackground.jsx  # Animated background component

🎯 Projects Showcased

• UofT Housing Hub - Full-stack web app for finding off-campus housing
• PitchPerfect - AI-powered workplace conversation practice platform
• Digit Recognition Neural Network - High-accuracy MNIST classifier (98% accuracy)
• Pixelize - Pixel art creation software with advanced tools