{"id":51383735,"url":"https://github.com/koniz-dev/koniz-portfolio","last_synced_at":"2026-07-03T18:11:38.843Z","repository":{"id":316507307,"uuid":"1063673507","full_name":"koniz-dev/koniz-portfolio","owner":"koniz-dev","description":null,"archived":false,"fork":false,"pushed_at":"2025-09-25T01:02:41.000Z","size":390,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-09-25T03:14:06.279Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/koniz-dev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-09-25T00:59:35.000Z","updated_at":"2025-09-25T01:02:44.000Z","dependencies_parsed_at":"2025-09-25T03:14:09.650Z","dependency_job_id":"71f5c4e7-9746-4f85-ad89-6c4370de6277","html_url":"https://github.com/koniz-dev/koniz-portfolio","commit_stats":null,"previous_names":["koniz-dev/koniz-portfolio"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/koniz-dev/koniz-portfolio","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/koniz-dev%2Fkoniz-portfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/koniz-dev%2Fkoniz-portfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/koniz-dev%2Fkoniz-portfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/koniz-dev%2Fkoniz-portfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/koniz-dev","download_url":"https://codeload.github.com/koniz-dev/koniz-portfolio/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/koniz-dev%2Fkoniz-portfolio/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":35096194,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-07-03T02:00:05.635Z","response_time":110,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2026-07-03T18:11:38.130Z","updated_at":"2026-07-03T18:11:38.837Z","avatar_url":"https://github.com/koniz-dev.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Nguyễn Anh Kiệt - Portfolio Website\n\nA modern, responsive portfolio website showcasing software engineering skills and projects. Features a clean design with dark/light theme toggle, smooth animations, and comprehensive project showcase.\n\n## 🚀 Live Demo\n\nVisit the live website: [https://koniz-dev.github.io/koniz-portfolio](https://koniz-dev.github.io/koniz-portfolio)\n\n## ✨ Features\n\n- **Responsive Design**: Optimized for all devices (desktop, tablet, mobile)\n- **Dark/Light Theme**: Toggle between dark and light themes with persistent preference\n- **Smooth Animations**: Intersection Observer API for scroll-triggered animations\n- **Modern UI/UX**: Clean, professional design with gradient accents and smooth transitions\n- **Interactive Navigation**: Smooth scrolling navigation with active section highlighting\n- **Project Showcase**: Comprehensive display of technical skills and featured projects\n- **Contact Integration**: Direct links to email, LinkedIn, and GitHub\n- **Performance Optimized**: Fast loading with optimized assets and modern CSS\n- **Accessibility**: Proper semantic HTML, ARIA attributes, and keyboard navigation\n\n## 🛠️ Technologies Used\n\n- **HTML5**: Semantic markup with proper structure and accessibility\n- **CSS3**: Modern styling with CSS Grid, Flexbox, and CSS Custom Properties\n- **Vanilla JavaScript**: Interactive features, theme toggle, and smooth scrolling\n- **Font Awesome**: Professional icons for UI elements\n- **Google Fonts**: Inter font family for modern typography\n- **CSS Variables**: Dynamic theming with light/dark mode support\n- **Intersection Observer API**: Scroll-triggered animations\n- **Local Storage**: Theme preference persistence\n- **GitHub Pages**: Free hosting and deployment\n\n## 📁 Project Structure\n\n```\nkoniz-portfolio/\n├── index.html          # Main HTML file with portfolio content\n├── style.css           # Main stylesheet with theme support\n├── avatar.jpg          # Profile avatar image\n└── README.md           # Project documentation\n```\n\n## 🚀 Getting Started\n\n### Prerequisites\n\n- A modern web browser\n- Git (for cloning the repository)\n\n### Installation\n\n1. Clone the repository:\n```bash\ngit clone https://github.com/koniz-dev/koniz-portfolio.git\n```\n\n2. Navigate to the project directory:\n```bash\ncd koniz-portfolio\n```\n\n3. Open `index.html` in your web browser or use a local server:\n```bash\n# Using Python\npython -m http.server 8000\n\n# Using Node.js\nnpx serve .\n\n# Using PHP\nphp -S localhost:8000\n\n# Using Live Server (VS Code extension)\n# Right-click on index.html and select \"Open with Live Server\"\n```\n\n## 🎨 Customization\n\n### Updating Personal Information\n\nEdit the following sections in `index.html`:\n\n- **Hero Section** (lines 32-96): Name, title, professional summary, and contact information\n- **Skills Section** (lines 98-178): Technical skills organized by categories\n- **Experience Section** (lines 180-244): Work experience timeline\n- **Projects Section** (lines 246-302): Featured projects showcase\n- **Education Section** (lines 304-319): Academic background\n- **Contact Section** (lines 321-360): Contact information and social links\n\n### Styling\n\nModify `style.css` to customize:\n- **CSS Variables** (lines 8-43): Color schemes for light and dark themes\n- **Typography**: Font families and text styling\n- **Layout**: Grid and flexbox layouts\n- **Animations**: Transitions and scroll-triggered effects\n- **Theme Colors**: Primary, secondary, and accent colors\n\n### Theme Customization\n\nThe website supports both light and dark themes. To customize:\n1. Modify CSS variables in `:root` for light theme\n2. Update `.dark-theme` variables for dark theme\n3. Theme preference is automatically saved in localStorage\n\n### Avatar Image\n\nReplace `avatar.jpg` with your own profile picture:\n- Recommended size: 300x300px or larger\n- Format: JPG, PNG, or WebP\n- The image includes a fallback icon if loading fails\n\n## 📱 Responsive Breakpoints\n\n- **Desktop**: 1200px and above\n- **Tablet**: 768px - 1199px\n- **Mobile**: Below 768px\n\n## 🎯 Key Features Explained\n\n### Theme Toggle\n- Click the moon/sun icon in the navigation to switch themes\n- Theme preference is automatically saved and restored on page reload\n- Smooth transitions between light and dark modes\n\n### Smooth Scrolling\n- Navigation links smoothly scroll to corresponding sections\n- Scroll-to-top button appears when scrolling down\n- Intersection Observer API triggers animations as sections come into view\n\n### Responsive Design\n- Mobile-first approach with progressive enhancement\n- Optimized layouts for all screen sizes\n- Touch-friendly navigation and interactions\n\n## 🚀 Deployment\n\n### GitHub Pages (Recommended)\n\n1. Push your code to a GitHub repository\n2. Go to Repository Settings → Pages\n3. Select \"Deploy from a branch\"\n4. Choose your main branch and root folder\n5. Your site will be available at `https://yourusername.github.io/koniz-portfolio`\n\n### Other Hosting Options\n\n- **Netlify**: Drag and drop deployment\n- **Vercel**: Git-based deployment\n- **Firebase Hosting**: Google's hosting platform\n- **Any static hosting service**\n\n## 🔧 Browser Support\n\n- Chrome 60+ (full support)\n- Firefox 55+ (full support)\n- Safari 12+ (full support)\n- Edge 79+ (full support)\n- Mobile browsers (iOS Safari, Chrome Mobile)\n\n## 📄 License\n\nThis project is open source and available under the [MIT License](LICENSE).\n\n## 👨‍💻 Author\n\n**Nguyễn Anh Kiệt**\n- GitHub: [@koniz-dev](https://github.com/koniz-dev)\n- LinkedIn: [koniz-dev](https://www.linkedin.com/in/koniz-dev)\n- Email: kietna.work@gmail.com\n\n## 🤝 Contributing\n\nContributions, issues, and feature requests are welcome! Feel free to check the [issues page](https://github.com/koniz-dev/koniz-portfolio/issues).\n\n## ⭐ Show Your Support\n\nGive a ⭐️ if this project helped you!\n\n---\n\n*Built with ❤️ by Nguyễn Anh Kiệt*\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkoniz-dev%2Fkoniz-portfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkoniz-dev%2Fkoniz-portfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkoniz-dev%2Fkoniz-portfolio/lists"}