Personal Portfolio Website
This is my first comprehensive project, created from scratch. The main goal was to develop a modern, clean, and interactive portfolio website to present my skills, experience, and future work.
Project Goal
To create a responsive single-page site (later expanded to a multi-page site) that would serve as my digital resume. It was important to demonstrate not only technical skills but also an understanding of design and UX/UI principles learned during my studies.
Technologies Used
- HTML5 - For creating a semantically correct site structure.
- CSS3 - For styling, including Flexbox and Grid for layout, as well as for implementing animations.
- JavaScript - For adding interactivity: scroll animations, a dynamic header, and smooth transitions.
- Font Awesome - For using vector icons.
Work Process & Key Decisions
The work was divided into several stages:
- Design and Planning: At this stage, I relied on my design skills to create a minimalist and intuitive interface. A calm color palette and clean typography were chosen for better information perception.
- Markup and Styling: The basic layout and styles were created. Special attention was paid to responsiveness to ensure the site displays correctly on different devices.
- Adding Interactivity: Several key features were implemented using JavaScript: reveal-on-scroll animations, an animation for the hero section, and a hiding header. This made the site more "alive" and pleasant to use.
Challenges & Lessons Learned
The most interesting challenge was implementing smooth animations that would complement the page without overloading it. Working with JavaScript's `IntersectionObserver` to track the appearance of elements was excellent practice. The hardest part was making the design responsive for mobile devices. This project also allowed me to combine my mathematical thinking for script logic with my creativity for the visual part.