Story of Building My Portfolio Website
Published: Oct 2026
Creating my personal portfolio website has been one of the most useful projects I have worked on during my IT studies. At first, I thought a portfolio website was simply a place where I could write my name, list some skills, and show a few projects. However, after starting the development process, I realized that a good portfolio is much more than a collection of information. It is a way to introduce myself, demonstrate my technical abilities, and document my progress as I continue learning.
Why I Started This Website
As an IT student, I wanted to have a place where I could organize the things I am learning. During my studies, I work with different programming languages, development tools, operating systems, databases, and web technologies. Without a central place to document these experiences, it can be difficult to remember what I have learned and how much I have improved.
I also wanted something that I could show to other people. A resume can describe my skills, but a website can demonstrate them. Instead of only saying that I know HTML, CSS, JavaScript, Java, Linux, or databases, I can actually show projects that use these technologies.
Starting With HTML
I started the website with basic HTML. HTML is one of the first technologies many web developers learn, but building a complete website helped me understand why good structure is important.
I created different pages for different parts of my portfolio. The home page introduces me, while the About page provides more information about my background. I also created Projects, Journey, Blog, and Contact pages. Having separate pages makes the website easier to navigate and gives each topic its own space.
One important lesson I learned was that HTML should be organized carefully. Small mistakes such as missing closing tags, incorrect nesting, or broken links can create problems that are difficult to notice at first. As I worked on the website, checking the HTML structure became an important part of my development process.
Making the Website Look Better With CSS
After creating the basic structure, I started working on the design with CSS. I wanted the website to have a modern and simple appearance rather than looking like a basic school project.
I chose a dark color scheme with blue accents. I also created cards for projects and other sections. CSS Grid helped me create layouts that could automatically adapt to different screen sizes.
One of the most interesting parts was making the website responsive. People can access websites from desktop computers, laptops, tablets, and phones, so a website should not depend on one screen size. I used media queries to change the layout when the screen becomes smaller.
I also added hover effects and transitions to make the interface feel more interactive. These effects are small, but they make the website feel more polished.
Features I Added
While building my portfolio website, I wanted to make it more than a simple collection of pages. I added several features to make the website responsive, interactive, and easier to use.
- ✅ Responsive Design
- ✅ Professional Layout
- ✅ Project Pages
- ✅ Blog
- ✅ Timeline
- ✅ Theme Toggle
- ✅ Scroll Animations
- ✅ Hover Effects
- ✅ Smooth Scrolling
- ✅ Back To Top Button
These features helped me practice HTML, CSS, and JavaScript while also making the website more useful and professional. I plan to continue adding new features as I improve my web development skills.
Adding JavaScript
After HTML and CSS, I started adding JavaScript functionality. One of my favorite features is the dark and light theme switcher. The user can click a button to change between themes, and the selected theme is saved using localStorage.
This was a useful project because it introduced me to browser storage and DOM manipulation. JavaScript can find HTML elements, change their content, add or remove CSS classes, and respond to user actions.
I also added scroll animations using the IntersectionObserver API. Elements can start hidden and become visible when they enter the user's screen. This taught me that JavaScript can interact with the user's scrolling behavior without requiring complicated libraries.
Learning From Mistakes
Building the website has also taught me that mistakes are a normal part of programming. I have encountered broken links, duplicated JavaScript, incorrect HTML structure, CSS problems, and small spelling mistakes.
At first, finding these problems could be frustrating. However, debugging has become an important part of my learning process. Instead of being afraid of errors, I now try to understand why something does not work. Sometimes the problem is obvious, but other times I have to inspect the code carefully and test different possibilities.
What I Want to Improve
This website is still a work in progress. I want to continue improving the design and functionality as my skills increase.
In the future, I would like to add more projects, improve the contact section, create better project pages, and possibly add a backend. I also want to learn more about deployment, security, databases, and modern web development.
Final Thoughts
Building this portfolio has shown me that learning programming is not only about studying syntax. It is about creating something, making mistakes, solving problems, and improving the result.
This website represents my current level as an IT student, but it will also become a record of my progress. I expect the design and code to change many times as I learn new technologies.
My goal is not to create a perfect website immediately. My goal is to keep learning and make the website better step by step. I hope that when I look back at this project in the future, I will be able to see how much I have grown as a developer.