All solutions

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

I'm proud of showing up daily and doing the work, over and over again. The programming thing? I got hands-on experience with handling API requests, setting up a React routing system, and solving bugs. I ended up writing some spaghetti code, but you know what? It works! The code isn't perfect, but today I'm better than yesterday.

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

I need to improve:

• Error handling to enhance user experience
• Optimize API Calls
• Refactor and keep things separate (logic and UI) and get a better readability.

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

The routing system. Does a better way to do this? Do I need to break things apart (CountryPage)? (separate my code into reusable parts?)

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

I found a notes extension for VS Code that helped me organize what to do. Next time, I’ll start with a more detailed step-by-step plan and implement things gradually.

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

Biggest challenge: Lightbox Component/Effect - It wasn’t difficult to implement, but I had to pause for a bit to think and reflect on how to do it. In the end, I found the code repetitive, but it worked well.

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

How to think and plan the components? My impression is that they ended up too fragmented, but there's a logic behind them.

JSX Familiarity: Integrating JSX into my workflow was a hurdle. I'm curious to know how others have acclimated to the syntax and whether there are strategies to make it feel more intuitive.

State Management: The concept of lifting state has been particularly tricky. I sometimes feel that it clutters the code, making it feel messy. How to manage state effectively without compromising code readability?

Code Quality Concerns: I have concerns about whether my code adheres to best practices, especially when it comes to structuring components and handling state. Are there parts of my code that seem to be missing, or do you have any suggestions for improvement?

I appreciate any insights or constructive criticism you can provide. Thank you in advance for your time and help!

My main doubts are related to component hierarchy, what to assess and prioritize when breaking down the project into parts.

I also find myself unsure about the best way to use styles and JSX.

I will check some of the solutions from here and see how it's being done. Additionally, it's about continuing to study and putting into practice.

Feedback is welcome.

How can I update the solution on this site? Because it's showing errors that I already fixed.

It's better to open just one media and put everything there or to break then apart? (like I did?) How do you structure this?

Thanks!

Is the semantic html correct?

<main class="flex-container">
    <article>
      <img ></img>
      <h1></h1>
      <p></p>
    </article>
    <footer></footer>
</main>