This is a solution to the
GitHub user search app challenge on Frontend Mentor.
Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Your challenge is to build out this GitHub user search app using the GitHub users API and get it looking as close to the design as possible.
Your users should be able to:
- View the optimal layout for the site depending on their device's screen size
- See hover states for all interactive elements on the page
- Search for GitHub users by their username
- See relevant user information based on their search
- Switch between light and dark themes
- Bonus: Have the correct color scheme chosen for them based on their computer preferences. Hint: Research prefers-color-scheme in CSS.
- Learnt a lot about React during this build.
- Happy with state, prop and JS management.
- The project does not scale very well, the design wasn't a priortiy.
- A few of the tasks were not complete.
This was a big learning curve for me, I decided to dive back into using React and TailwindCSS. I already knew the basics of React; however, practicing after such a long time was challenging and well worth the time spent on this project.
The intention of this project was the code; which, I'm happy and accomplished it my goal. Despite this, the TailwindCSS (design aspect) suffered slightly. I hope to come back to this project and redo the design; potentially with CSS to have full control over each element.