🐉 Portfolio Assignment

Modern Multi-Page Portfolio Website

A modern, responsive, and component-based portfolio website built with HTML5, CSS3, and JavaScript.

Developed as part of a Web Design course while applying modern front-end development practices including reusable components, responsive layouts, and clean project architecture.

---

📚 Table of Contents

• 📖 About
• ✨ Features
  • User Experience
  • Technical Features
• 📄 Website Pages
• 📱 Responsive Design
• ⚡ Performance
• 🚀 Getting Started
  • Clone the Repository
  • Navigate to the Project
  • Run
• 📄 License

---

📖 About

This project is a fully responsive multi-page portfolio website created as a university Web Design assignment.

Rather than focusing solely on completing the assignment requirements, the project was designed using modern front-end development principles commonly found in professional websites.

The project emphasizes clean architecture, reusable components, maintainable code, responsive design, smooth animations, accessibility, and performance optimization while using only HTML, CSS, and Vanilla JavaScript.

---

✨ Features

User Experience

• 🌑 Dark Mode (Default)
• ☀️ Light Mode
• 📱 Fully Responsive Design
• ⚡ Smooth Page Animations
• 🎭 Interactive Hero Reveal Effect
• 🎨 Modern Glassmorphism Interface
• 🖱 Hover & Scroll Animations

Technical Features

• 🧩 Reusable HTML Components
• 🎯 Modular JavaScript Architecture
• 🎨 CSS Variables for Theming
• 🖼 Optimized WebP Images
• 📦 SVG Icons
• ⚡ Lightweight Vanilla JavaScript
• 📁 Organized Folder Structure
• 🚀 Performance Optimized

---

📄 Website Pages

Page	Description
🏠 Home	Hero section, featured skills, projects, call-to-action
👤 About	Biography, education, journey, career goals
💻 Skills	Technologies, tools, programming languages
🚀 Projects	Interactive portfolio gallery
📩 Contact	Contact information and social links

---

📱 Responsive Design

The website is optimized for:

• 🖥 Desktop
• 💻 Laptop
• 📱 Tablet
• 📱 Mobile

---

⚡ Performance

Performance improvements include:

• WebP Image Optimization
• SVG Assets
• Modular CSS
• Modular JavaScript
• CSS Variables
• Responsive Images
• Lightweight Animations

---

🚀 Getting Started

Clone the Repository

git clone https://github.com/Laykimhoung/portfolio-assignment.git

Navigate to the Project

cd portfolio-assignment

Run

Open

index.html

or launch the project using Live Server in Visual Studio Code.

---

📄 License

This project is licensed for educational purposes only.

© 2026 Lay Kimhoung. All Rights Reserved.

---

Made with ❤️ using HTML, CSS & JavaScript