Daris Chen

Overview

This website is the portfolio of my projects that I've done.

Showcases 12 projects across three domains (AI/ML, Hardware, Web) with tab-based category filtering.
Dark refined aesthetic with monospace typography and multi-accent color system (cyan for AI/ML, violet for hardware, hot pink for web).
Medium intro header with headshot, bio, and social links (GitHub, LinkedIn, Email).
Multi-resume support with four resume versions (General, Web Dev, AI/ML, Hardware) accessible via tabs.
Responsive design with mobile-first approach, scaling gracefully from desktop to mobile.
Project detail pages pull from markdown files with embedded images and formatted content.
Resume displayed via dynamic iframe with download capability per category.
Domain name claimed on Namecheap, hosting on Vercel.

Tab-Based Project Filtering: All, AI/ML, Hardware, and Web tabs with accent-colored underlines.
Multi-Category Support: Projects display in multiple category tabs based on assigned domains.
Color-Coded Design: Category-specific accent colors (cyan, violet, hot pink) throughout UI for visual organization.
Monospace Typography: Courier New font as primary design language signaling technical credibility.
Dynamic Markdown Rendering: Project detail pages pull content from markdown files with embedded images.
Multi-Resume System: Tab-based switching between four resume versions with dynamic PDF iframe and per-category downloads.
Responsive Grid Layout: CSS Grid with auto-fit columns that gracefully scale to mobile (768px breakpoint).
React Router Navigation: Client-side routing for seamless page transitions without full page reloads.