Single-page developer portfolio using Next.js and Tailwind CSS

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

The part of the project that I am most proud of is being able to create a fully responsive page.

What I would do differently next time is to fully integrate the contact form to a real world production standard implementation.

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

These are the challenges that I encountered:

• Responsive layout of the hero section especially the positioning of the profile image and the overlapping of the copy and image. I tried to resolve it with the help of AI asking for hints instead of direct solutions.
• Changing the image when it changes breakpoints when using Image component from Next.js, I resolved it with the helpful hints from AI.

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

• I would need help in trying to follow the layout accurately based on the design, especially when it involves relative and absolute positioning. I would struggle on deciding on how to implement the responsive layout when the elements in mobile are in flex or grid and on desktop the elements overlap or its position is offset.