This project is a GitHub User Search App designed to provide users with an intuitive interface for searching GitHub users by their username. Built with responsiveness and accessibility in mind, the app allows users to search for usernames, view a dropdown suggestion list, and see relevant user information—all while switching between light and dark themes based on user preferences. Design from
Users should be able to:
- Responsive Design: View the optimal layout for the app depending on their device's screen size
- Hover State: See hover states for all interactive elements on the page.
- User Search: Search for GitHub users by their username.
- Dropdown Suggestions: See a dropdown suggestion list as they type.
- User Information: See relevant user information based on their search
- Theme Switching: Switch between light and dark themes
- Accessibility: Navigate the app using keyboard accessibility features.
- Solution URL: GitHub Repo
- Live Site URL: kellswork.github.io/github-user-search-app
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
- React - JS library
- SCSS/SASS - For styles
- Effective State Management: Deepened understanding of state management patterns and daa fetching patterns, particularly when handling asynchronous data from multiple sources.
- User-Centric Design: Emphasized the importance of an intuitive user interface, ensuring ease of use for diverse users.
- Custom Hooks: Developed custom hooks for efficient data fetching.
- Theme Management: Implemented dynamic theme switching based on user preferences.
- Search Optimization: Utilized debounce and deferred values to minimize unnecessary API calls, improving efficiency and responsiveness of the input search functionality.
- Frontend-Mentor - A fantastic platform for honing front-end skills.
- React Documentation - JS library - For understanding React fundamentals and advanced concepts.
Kelechi Ogbonna
Passionate FullStack(front-end heavy) dedicated to creating user-centric applications.