All solutions

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

I am happy with the result I achieved. Even though I can still spot some differences from the original design, I believe my version looks overall good and responsive. I'm also proud to have successfully learned how to take a full-page screenshot, a new skill I acquired for this project.

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

I would like to understand why my footer is not behaving as expected. I added a wrapping the whole page with flex style and justify-content between to push the footer to the end of the page. But it is still attached to the main recipe div.

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

This was a relatively simple implementation of a card flex box using Tailwind to adjust the styling on a more straightforward way. Icons were added to each social link button to be more user-friendly

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

My challenge was to set up the size of the card element to match exactly with the preview we are trying to achieve. I still feel that is not accurate but I think it looks good.

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

I enjoyed learning how to deploy a Next.js App using Versel.

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

The most challenging thing for me was to go through Tailwind library and get used to their classes name, since I was more familiar with Bootstrap.

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

I am proud of this project because it was my very first Front End Project, so I felt like an introduction for how my nexts projects will work. Feeling excited for the journey.

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

The challenge that I encounter was to deploy the React App on GitHub Pages. I thought it would take me less time that it actually took. I had to go through several tutorial and ask for help to understand them. Eventually this one was the one that helped me the most: Deploying a React App* to GitHub Pages

I am glad that I learned how it is done now and hopefully for the nexts projects I will fell more prepared.