A sleek, interactive GitHub user search application built with React and Tailwind CSS. Easily search for GitHub users, view their profiles, repositories, followers, and more. Featuring light/dark mode, error handling, and responsive design.
- Search Users: Enter any GitHub username to retrieve detailed user information.
- Default User: Initially loads data for "octocat" when the app is first opened.
- Error Handling: If a user is not found, an error message will be shown.
- Light/Dark Mode: Toggle between light and dark modes using Tailwind CSS.
- Responsive Design: Optimized for both mobile and desktop views for a seamless experience.
- React: To build the user interface and manage application state.
- Tailwind CSS: For modern, utility-first styling and support for dark mode.
- GitHub API: Fetches live data for GitHub users, including their profiles and statistics.
- How to integrate the GitHub API to fetch real-time user data.
- Implementing light and dark mode using Tailwind CSS with a class-based approach.
- Handling API errors effectively and displaying error messages to the user.
- Building reusable and dynamic components in React.
- Creating a responsive design that adapts to different screen sizes.
This project was created as part of a Frontend Mentor challenge, aiming to enhance my skills in React, API integration, and UI design with Tailwind CSS. The app allows users to search for any GitHub user and view their profile details while providing an intuitive experience with dark/light theme switching.
- Clone the repository:
git clone https://github.com/fahadshahbaz/DevFinder.git
- Navigate into the project directory:
cd devfinder - Install the dependencies using npm:
npm install
To start the app on your local server, run the following:
npm run devVisit http://localhost:5173 to view the app in action.
Check out the live version of the project here.