Jonathan Lee - Portfolio

A modern, interactive portfolio website built with React + Vite showcasing my software engineering projects and skills.

🚀 Tech Stack

• React 18 - Component-based UI
• Vite - Lightning-fast build tool
• EmailJS - Contact form integration
• React Slick - Project carousel
• AOS - Scroll animations
• FontAwesome - Icons

✨ Features

• Animated landing page with interactive shapes
• Dark mode toggle
• Modal-based About/Contact sections
• Functional contact form with EmailJS
• Responsive project carousel
• Smooth scroll animations
• Mobile responsive design

🛠️ Development

# Install dependencies
npm install

# Run development server
npm run dev

# Build for production
npm run build

# Preview production build
npm run preview

📁 Project Structure

ePortfolio/
├── src/
│   ├── components/      # React components
│   ├── App.jsx          # Main app component
│   ├── App.css          # Global styles
│   └── main.jsx         # Entry point
├── public/
│   └── assets/          # Images, PDFs, SVGs
├── old-vanilla-backup/  # Original vanilla JS version
├── SETUP.md            # Setup instructions
└── DEPLOYMENT.md       # Deployment guide

🌐 Deployment

This portfolio can be deployed to:

• Vercel (Recommended): vercel
• Netlify: netlify deploy --prod --dir=dist
• GitHub Pages: See DEPLOYMENT.md

📝 Notes

• Original vanilla JavaScript version backed up in old-vanilla-backup/
• All assets (images, resumes, SVGs) are in public/assets/
• EmailJS credentials are in the code (consider moving to env vars for production)

📄 License

Personal portfolio - All rights reserved

---

Built with ❤️ by Jonathan Lee