Raphel - Stardance

Ship

@Raphel on My Personal Portfolio · 3 days ago

🚀 My Personal Portfolio Website

I built a space-themed personal portfolio website using HTML and CSS. It features a 🌌 starry background, a 🚀 rocket graphic, a navigation bar, and sections for About Me, Projects, Contact, and Follow Me. My goal was to create a clean, creative, and interactive website while learning the fundamentals of web development.

One of the biggest challenges was understanding how HTML and CSS work together. I learned about classes, IDs, layouts, styling, hover effects, and how to fix bugs when things didn't work as expected. Every challenge helped me become more confident as a beginner.

I'm proud that this is my first complete website. Instead of only copying code, I focused on understanding what each line does and improving my project step by step.

🔍 How to test
Visit the live website.
Use the navigation bar to move between sections.
Explore the About Me, Projects, Contact, and Follow Me sections.
Hover over the navigation links and cards to see the interactive effects.
🤖 AI Usage

I used ChatGPT as a learning assistant to explain HTML and CSS concepts, help me debug problems, and answer my questions while I built and understood the project myself.

Thank you for checking out my first website! ⭐

3 devlogs
3h
Personal Site

Try project → See source code →

Open comments for this post

@Raphel on My Personal Portfolio · 3 days ago

47m 33s logged

Final Devlog – Completing My Personal Portfolio
Today I completed my first personal portfolio website using HTML and CSS. Throughout this project, I learned how to structure a webpage with HTML and style it with CSS. I built a space-themed portfolio with a custom background, navigation bar, hero section, and separate sections for About Me, Projects, Contact, and Follow Me.
One of the most valuable parts of this project was learning the purpose of each HTML element and CSS property instead of simply copying code. I learned how classes and IDs work, how to style reusable components, create hover effects, and add simple animations to improve the user experience.
I also learned how to use GitHub to manage my project and prepare it for deployment. This project has given me a strong foundation in web development, and I’m looking forward to building more websites and continuing to improve my skills.
This is my first completed web development project, and I’m proud of how much I’ve learned throughout the process.

Open comments for this post

@Raphel on My Personal Portfolio · 3 days ago

2h 3m 16s logged

Improved My Personal Portfolio 🚀 Today I made a lot of progress on my first personal website. I added a space background, created a header with my portfolio title, and added a rocket image to match the space theme. I also started learning how HTML and CSS work together by creating my first card section for the About Me part of the website. I’m building everything step by step so I can understand the code instead of just copying it. Next, I’ll finish the Projects and Contact sections and improve the navigation.

Open comments for this post

@Raphel on My Personal Portfolio · 5 days ago

30m 26s logged

Today I started building my personal website using HTML. I learned how to create the basic structure of a webpage with headings and paragraphs. I also created sections for About Me, Projects, Contact, and Follow Me. Next, I will learn CSS to make my website look better.