Responsive scan card using flex-box (Tailwind-CSS)

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

Pleasant afternoon! My name is Daniel, and I'm a frontend developer from Harare, Zimbabwe, with 6 months of experience. Recently, I built a project called Scan-project, which allows users to scan their projects and generate a unique URL. I'm most proud of how I was able to bring this idea to life using Next.js and Tailwind CSS for the first time. The project challenged me to learn new technologies and apply them effectively, especially with responsive design and font management.

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

One challenge I faced was importing images and getting comfortable with Tailwind CSS. Initially, I struggled to understand how to import images properly in Next.js, but I overcame this by watching a helpful tutorial on YouTube. For Tailwind CSS, I ran into some difficulties applying styles effectively, so I turned to the official Tailwind CSS documentation, which provided clear examples and solutions. These resources made a huge difference, and I’m now more confident troubleshooting and using Tailwind CSS in my projects.

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

I am looking for guidance on new projects that can help me advance my skills, particularly with Next.js. In my recent project, I did not work with routes, and now I am eager to dive deeper into routing in Next.js. Specifically, I would like to better understand dynamic routing, nested routes, and URL parameters.

Could anyone recommend tutorials, resources, or projects that emphasize these concepts? Additionally, if there are any best practices or common pitfalls related to routing in Next.js, I would love to hear about them.

I am excited to continue building my knowledge and refining my skills in real-world applications. Any help would be greatly appreciated!