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.
Users should be able to:
- View the optimal layout for the app 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
Desktop Light
Desktop Dark
Tablet Light
Tablet Dark
Phone Light
Phone Dark
- Solution URL: https://github.com/Zolfikaar/github-search
- Live Site URL: https://zolfikaar.github.io/github-search/
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
I need to keep testing this bonus task (prefers-color-scheme in CSS), and check how i can use it without conflicting it's behavior with my custom theme script, in general i didn't like the way its work, i prefer javascript approach if that possible.
- Javascript Date Object - This helped me for dealing/changing between different date format.
- CSS Grid Generator - This amazing tool helped me generating the desired grid layout. I'd recommend it to anyone who know the concept.
- Frontend Mentor - @Zolfikaar