Skip to content
Submitted over 2 years ago

Github User Search App - NEXTJS13/REACTJS/TS/TAILWINDCSS/ZUSTAND

next, react, tailwind-css, typescript, zustand
Mikhail Lorenzo Aniel•230
@lorenzoaniel
A solution to the GitHub user search app challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Took me awhile as I wanted to try my hand at using NextJS - 13 specifically the experimental app directory and a lightweight state-management using Zustand (I usually use RTK). Also learned how to implement TailwindCss custom theme properly-ish. Moved away from github pages and used Vercel for hosting the live site since Next is SSR, it was quite painless and I might have a contender for AWS Amplify. Anyway I am still learning TailWindCSS but so far it is leagues faster and less of a head ache than styled components so far, haven't had a project with complex animations yet so i can't say for sure.

As per usual please leave me some feedback, as long as there are no profanities you can be as blunt as you want to be, trying to learn industry best practices.

Code

Please log in to post a comment

Log in

Community feedback

  • Maxence•190
    @MaeWolff

    Hi, congrats on your project post :) !

    I have noted a few points that you could improve:

    • Use a solution like prettier if you're on vscode to make your code a bit more readable
    • You could also use the form tag to wrap the input and the button of your searchbar so that we can use the tab to do our search. So you could also put the input value into a state using the onChange event and use it in your handleClick function rather than using getElementsByClassName.
    • Avoid using any type, you can create a related type for ˋuser`
    Marked as helpful

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