Skip to content

ViNu-23/Git-Finder-React-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React GitHub User Finder App

Overview

This React application utilizes various technologies, including React Router, Fetch API, Async functions, Axios, and Chakra UI, to create a GitHub User Finder. The primary purpose of this app is to search for GitHub users based on their user ID and display relevant information about them.

Preview

Screenshot 2023-12-08 141256 Screenshot 2023-12-08 141322

Technologies Used

  1. React.js: The core library for building the user interface, allowing for the creation of reusable components.
  2. React Router: Enables navigation and handling different views within the application.
  3. Fetch API and Async Functions: Used for making asynchronous requests to the GitHub API to retrieve user information.
  4. Axios: An HTTP client for making requests to the GitHub API, providing a more convenient interface for handling HTTP requests.
  5. Chakra UI: A modular component library for React applications, facilitating the creation of visually appealing and responsive UI components.

Features

  • User Search: Users can input a GitHub user ID in the search bar, triggering a request to the GitHub API to fetch user details.
  • User Details: The app displays relevant details about the GitHub user, such as their avatar, username, bio, and other public information.
  • Error Handling: In case of unsuccessful API requests or user not found, appropriate error messages are displayed to the user.
  • Responsive Design: Utilizes Chakra UI to ensure a responsive and visually pleasing design, catering to different screen sizes and devices.

Setup Instructions

Clone the repository:

Contributing

Feel free to contribute to the development of this project by submitting bug reports, feature requests, or pull requests. Your feedback and contributions are highly appreciated.

Live Demo

https://git-finder-react-app.netlify.app/