🌐 Alex’s Portfolio
This is my personal developer portfolio, a responsive, single-page website showcasing my work, skills, and ways to get in touch.
🚀 Features
- Responsive Design – Works on desktop, tablet, and mobile.
- Dark/Light Mode – Toggle between themes with a smooth transition.
- Smooth Scrolling – Navigation links scroll to sections seamlessly.
- Scroll Animations – Sections fade in as you scroll.
- Dynamic Navbar – Shrinks and switches logo when scrolling.
- Project Grid – Easily extendable cards for projects with images, links, and descriptions.
- Hamburger Menu – Mobile-friendly navigation.
📂 Structure
.
├── index.html # Main portfolio page
├── style.css # Styles and dark mode logic
├── script.js # Scroll animations, theme toggle, menu interactions
└── assets/ # (Optional) Images and/or logos
🛠️ Tech Stack
- HTML5 – Semantic structure
- CSS3 – Flexbox/Grid layout, transitions, dark mode
- Vanilla JS – DOM interactions, animations, theme toggling
- Font Awesome – Icons
🧩 Adding New Projects
Use the addGitHubPagesProject() helper in script.js to dynamically add new projects:
addGitHubPagesProject(
"Project Title",
"Short project description.",
"https://github.com/username/repo",
"https://username.github.io/repo/",
"https://link-to-image.png"
);