Skip to content

sudip57/devFinder

Repository files navigation

devFinder

DevFinder is a React project that utilizes the GitHub API to search for GitHub users and provide their complete details. With DevFinder, you can easily find and explore the profiles of developers on GitHub.

Features

  • Search for GitHub users by their usernames.
  • View detailed information about each user, including their profile picture, bio, location, number of followers, number of repositories, and more.
  • Explore the repositories owned by the user and view their details, such as the number of stars, forks, and issues.
  • Click on repository links to visit the repository directly on GitHub.
  • Responsive design for a seamless experience on different devices.

Installation

To run DevFinder locally, follow these steps:

  1. Clone the repository:
git clone https://github.com/sudip57/devFinder.git
  1. Change to the project directory:
cd devFinder
  1. Install the dependencies:
npm install
  1. Obtain a personal access token from GitHub by following the instructions in the GitHub Developer Documentation.

  2. Create a .env file in the root directory of the project and add your personal access token:

VITE_REACT_APP_GITHUB_TOKEN=your_personal_access_token
  1. Start the development server:
npm start
  1. Open your web browser and visit http://localhost:3000 to see the app in action.

Screenshots

Homepage image

Searchpage image

User Details Page github

Acknowledgements

It utilizes the powerful GitHub API to provide detailed information about developers and their projects

Technologies Used

  • React
  • JavaScript
  • HTML
  • Tailwind CSS