Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

GitHub user search app with tailwindcss and Next.js

@blp100

Desktop design screenshot for the GitHub user search app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
  • API
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


It's quite a challenge! Spent the entire day searching for a solution and finally cracked it. Also, got the opportunity to learn about the new, for me, React Hook useContext. It's like a global useState, allowing for seamless state management across components.

And SVG is a another obstacle. I haven't thought it would be a challenge. It took some time and experimentation to figure it out. I change SVG to React Component and minified it. By the way, don't forget get rid of fill attribute inside SVG files.

After completing all the features in this challenge, I'm motivated to refactor the code. I'll focus on modifying the index.js file to handle data fetching and simplifying each component's responsibilities to improve code clarity. And..., I plan to do skeleton animations during data fetching. It will look nice and more user-friendly.

In my next challenge, I aim to tackle more complex APIs and create a more user-friendly interface. Excited for the journey ahead!

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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