Website about Yujuan

This is a personal portfolio website designed to showcase my academic background, technical projects, practical experiences, and achievements to potential employers, academic institutions, and collaborators. The site demonstrates my ability to create responsive, interactive, and visually cohesive websites using HTML5, CSS3, and vanilla JavaScript. The website features five main sections: a homepage with a concise introduction and quick navigation, an about page highlighting my education, core skills, and language proficiency, a projects page showcasing technical initiatives (including embedded systems and web development), an experience page detailing my internship, campus leadership, and cross-cultural exchange activities, and an awards page presenting competition achievements and certifications. Each project includes key details such as technical stacks, my role, measurable outcomes, and expandable descriptions for deeper insights. I built the site using semantic HTML5 for clear structure, modern CSS with Flexbox and Grid for flexible layouts, and vanilla JavaScript for interactive elements—including scroll-triggered animations, a collapsible mobile navigation menu, and expandable project details. The design follows a mobile-first approach with responsive breakpoints at 576px, 768px, and 992px to ensure optimal viewing across all devices. The visual design adopts a clean, professional style with a calming blue primary color, complemented by neutral tones for readability and visual harmony. I used the Inter font family for its modern appearance and excellent legibility across desktop, tablet, and mobile platforms, with subtle animations (e.g., fade-in effects, hover interactions) to enhance user engagement without compromising performance.