My own site!
- 6 Devlogs
- 5 Total hours
It's very personal to me :D
2h 17m 7s logged
I made several updates to the UI. The biggest one was each tab becoming its own page. Previously everything was on one page and I felt like it made the page look crowded. I also improved the stars/constellation in the background so that they move more smoothly. I added this feature to keep my personal site a bit whimsical and interactive.
Ship #1
Pending review
I built My Own Site!, a modern personal portfolio website to showcase my projects, skills, and development journey. It features a responsive design, animated particle background, dark/light mode, smooth scrolling, project cards, skill bars, GitHub statistics, and a contact form. One of the biggest challenges was polishing the UI, making everything responsive across devices, and adding interactive JavaScript features while keeping the site fast. I'm especially proud of the overall design and how everything comes together into a professional-looking portfolio. To test it, explore each section, try the theme toggle, check the project cards, and verify that all navigation links and interactive elements work correctly.
1h 0m logged
— Final Improvements and Deployment
Today I finished polishing and preparing my portfolio for deployment.
I fixed small bugs, improved animations, checked responsiveness, and optimized the website.
Final improvements:
Added README documentation
Organized project files
Improved loading speed
Tested all buttons and links
Deployed the website online
Building this project helped me improve my HTML, CSS, JavaScript, and design skills. I learned that creating a great website is not only about writing code, but also about creating a good experience for users.
19m 5s logged
Today I customized my portfolio to make it represent me.
I added my own projects and created cards that show:
Project screenshots
Descriptions
Links
Technologies used
I also updated my About Me section and added my interests, skills, and goals as a developer.
This made the website feel less like a template and more like my own personal space on the internet. Also, I added this too!!, A website should not only look good on a computer, so I tested it on smaller screens and adjusted the design.
I improved:
Mobile navigation
Text sizes
Image scaling
Project cards
Section spacing
Now the website adapts better to phones, tablets, and different screen sizes.
15m 22s logged
Today I worked on improving the visual design using CSS.
The first version looked very basic, so I focused on making it more modern and polished.
I added:
Glassmorphism cards
Gradient backgrounds
Rounded corners
Better typography
Hover animations
Glowing effects
I also made sure the colors matched a futuristic developer theme. This was one of my favorite parts because I could see the website transform from a simple page into something much more professional.
22m 12s logged
Today I focused on creating the layout and content of my website.
I created the different sections using HTML and learned more about organizing webpages properly. I added a navigation bar, hero section, about section, skills section, projects section, and contact area.
I also added:
Profile image section
Project showcase cards
Social media links
Resume button
The website started feeling like an actual portfolio instead of just a simple webpage.
26m 24s logged
Today I began working on my personal portfolio website. Before writing any code, I wanted to think carefully about what I wanted this project to represent. Instead of creating a simple webpage with my name and a few links, I wanted to build a complete digital identity that showcases my growth as a developer.
I started by planning the overall structure of the website. I decided that the portfolio should include several important sections: an introduction about myself, my technical skills, projects I have built, achievements, and ways for people to contact me.
I also focused on the design direction. I wanted the website to have a modern developer aesthetic with a futuristic feel. Some ideas I explored were glassmorphism, animated backgrounds, smooth transitions, and interactive components.
During this stage, I learned that good websites are not created by immediately writing code. Planning the user experience, layout, and purpose first makes the development process much smoother. This gave me a clear roadmap for the rest of the project.
