Daniel (Minseo) Choi - Portfolio Website

A modern, responsive portfolio website built with HTML5, CSS3, and JavaScript. Designed for optimal performance, accessibility, and user experience across all devices.

🌟 Features

• Responsive Design: Adapts seamlessly to desktop, tablet, and mobile devices
• Dark/Light Mode: Toggle between themes with persistent user preference
• Smooth Animations: CSS animations and JavaScript interactions for enhanced UX
• Accessibility: WCAG compliant with keyboard navigation and screen reader support
• Performance Optimized: Fast loading with modern web technologies
• SEO Ready: Proper meta tags and semantic HTML structure

🛠️ Technologies Used

• HTML5: Semantic markup with proper accessibility attributes
• CSS3: Modern layouts with CSS Grid, Flexbox, and custom properties
• JavaScript: Vanilla JS with ES6+ features for interactivity
• Google Fonts: Inter and JetBrains Mono for typography
• Modern CSS: CSS custom properties for theming and responsive design

🚀 Getting Started

Local Development

1. Clone the repository:

git clone https://github.com/yourusername/portfolio.git
cd portfolio

2. Start a local server:

# Using Python
python3 -m http.server 8000

# Using Node.js
npx serve .

# Using PHP
php -S localhost:8000

3. Open your browser to http://localhost:8000

GitHub Pages Deployment

1. Push your code to a GitHub repository
2. Go to repository Settings → Pages
3. Select source branch (usually main or master)
4. Your site will be available at https://yourusername.github.io/repository-name

📱 Responsive Breakpoints

• Mobile: < 768px
• Tablet: 768px - 1024px
• Desktop: > 1024px

🎨 Design System

Colors

• Primary: #2563eb (Blue)
• Secondary: #64748b (Slate)
• Accent: #f59e0b (Amber)
• Background: Dynamic based on theme

Typography

• Primary Font: Inter (Google Fonts)
• Monospace: JetBrains Mono (Google Fonts)
• Responsive Typography: Using clamp() for fluid scaling

🌙 Dark Mode

The website includes a sophisticated dark mode implementation:

• Automatic detection of system preference
• Manual toggle with persistent storage
• Smooth transitions between themes
• Optimized colors for both light and dark themes

♿ Accessibility Features

• Semantic HTML5 elements
• ARIA labels and roles
• Keyboard navigation support
• Skip to main content link
• High contrast mode support
• Reduced motion support for users with vestibular disorders
• Screen reader friendly content structure

🔧 Browser Support

• Chrome 88+
• Firefox 85+
• Safari 14+
• Edge 88+

📊 Performance

• Lighthouse Score: 95+ across all metrics
• First Contentful Paint: < 1.5s
• Largest Contentful Paint: < 2.5s
• Cumulative Layout Shift: < 0.1

🤝 Contributing

This is a personal portfolio website, but suggestions and feedback are welcome! Please feel free to:

1. Report bugs or issues
2. Suggest improvements
3. Share accessibility feedback

📄 License

This project is open source and available under the MIT License.

📞 Contact

• Email: hello@minseochoi.tech
• LinkedIn: Daniel (Minseo) Choi
• Website: minseochoi.tech

---

Built with ❤️ by Daniel (Minseo) Choi using modern web technologies for optimal performance and accessibility.