This is my solution to the GitHub user search app challenge on Frontend Mentor.
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
- Bonus: Have the correct color scheme chosen for them based on their computer preferences. Hint: Research
prefers-color-scheme
in CSS.
- Solution URL: Github user search app - Go to Github Repository
- Live Site URL: Github user search app - Go to live site
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Javascript
- Mobile-first workflow
- How to implement a dark mode
- How to have the correct color scheme chosen for the user based on their computer preferences
- This project also allowed me to gain more experience with fetching APIs.
- Improvement on this project:
- Currently working on implementing a cleaner solution for dark mode
- I would like to implement a delayed rendering of the page until API fetch is done
- Add backup values in case variables are not correctly loaded
- Great article about prefers-color-scheme - This helped me with dark mode and prefers-color-scheme
- Great article about dark mode - This helped me with dark mode
Come say hi !
- GitHub - Ambre Gorias
- Frontend Mentor - @Yunie08
- Twitter - @YunieBou