Design comparison
Solution retrospective
I’m proud of how I structured the project and organized the components effectively. I also improved the UI, particularly for tablet navigation, by implementing React Router to enable smooth switching between different data views.
Next time, I’d aim to spend less time on CSS. I realized I spent too much time fixing minor visual issues that weren’t critical to the overall functionality.
What challenges did you encounter, and how did you overcome them?One of the biggest challenges was working with CSS. I had to completely rewrite the styles for the InfoCard component to match the design as closely as possible.
I also realized I need to keep building more React apps to gain confidence. After taking a long break to work on another project using plain HTML, CSS, and JS with Vite, I forgot some React concepts and had to relearn them.
What specific areas of your project would you like help with?I would really appreciate it if you could review my code and provide feedback on how I can improve it for my next challenge. I want to make my work cleaner and increase my chances of landing a job.
I’m also wondering where to focus my time next: should I spend more time polishing my React skills, or after improving my understanding of Redux, should I dive deeper into Next.js? I’ve heard that Next.js is a more powerful and efficient way to build websites and web apps, offering great performance and high SEO rankings.
Community feedback
- @Benson0721Posted 12 days ago
Your code is amazingly clear to me, and it has helped me understand the concept of CSS Modules and a more component-based way to structure a React app. The only thing I can remind you about this practice is that you forgot to add your icons, which isn’t a big deal.
As for the next step in learning, I noticed that you have already completed multiple React projects. Maybe it’s time to start another exciting journey with Next.js?
1@grifanoPosted 11 days agoHi! Thank you for the feedback. Oh, you're absolutely right—I hadn’t noticed the issue with the icons. It seems like Vercel didn’t locate the icons in the public folder, so I’ve adjusted the icons' path to fix it.
As for my next steps, I’m actually a bit uncertain. I feel comfortable working with React components, but I’m debating whether I should dive deeper into React Redux and routing. I have a general understanding of how they work and their purposes since they were covered in my React course. However, since Next.js handles these aspects out of the box, I’m wondering if it’s worth spending extra time on them unless there’s a specific need. What do you think?
0@Benson0721Posted 10 days ago@grifano I believe this mainly depends on your current goals. If your aim is to find a job, then spending time on Next.js or React Redux and routing should be based on which one can help you reach your goal faster. If you want to enhance your skills and increase your competitiveness in the job market, learning Next.js would be a good choice, as it is becoming increasingly popular in the industry.
On the other hand, if your goal is to deepen your learning and understanding, you can practice based on your existing knowledge of Redux and React routing. This way, you can not only deepen your understanding but also become more flexible in using these technologies in future projects.
Regardless of which path you choose, there is no wrong choice. Each option has its learning value, and it is always necessary to come back and deepen your understanding when you encounter something you don't know. The most important thing is to be clear about your current primary goal, so you can make the most suitable decision.
Marked as helpful1
Please log in to post a comment
Log in with GitHub
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord