Frontend Profile Page Using HTML/CSS, Hosted on GitHub

What are you most proud of, and what would you do differently next time?

I'm proud that I was able to build a complete personal profile page using only HTML and CSS, with a clean and consistent design. I successfully deployed the project using GitHub Pages, which gave me experience in sharing my work professionally online. I also focused on creating a simple and user-friendly layout.

Next time, I would start by designing the layout using Figma before writing any code. Figma helps me plan the UI visually, choose colors, fonts, and organize the layout clearly. This would save me a lot of time during development and allow me to focus on fine details from the beginning.

What challenges did you encounter, and how did you overcome them?

One of the biggest challenges I faced was maintaining a consistent layout across different screen sizes, especially since I wasn't using frameworks like Bootstrap or any pre-made templates. I also struggled a bit with choosing the right color scheme and fonts to make the design both attractive and simple. I used Flexbox and CSS Grid to organize the layout, which helped me structure the elements more effectively.

I referred to online resources like W3Schools and MDN Web Docs to better understand the CSS properties that were causing issues.

I used tools like Coolors to generate color palettes and Google Fonts to choose a font that fit the design style.

Finally, I constantly previewed the site on both mobile and desktop screens to make sure it looked good everywhere.

What specific areas of your project would you like help with?

Areas of the project where I’d like help: User Experience (UX) Design: I’d like to learn how to arrange elements in a way that makes the page easier and more enjoyable for users to interact with.

Responsive Design: Although I used CSS, I still want to improve my skills in making the design fully responsive across different devices.

Adding interactivity with JavaScript: I want to learn how to include simple interactions like modals, animations on scroll, or dynamic content updates.