LocationGit allows users to search for top GitHub users by location. Results are then displayed with their respective GitHub statistics.
Users can enter a city into the search box to view the top GitHub users from that location. Note: The displayed results are based on the location provided by the users themselves on their GitHub profiles.
LocationGit interfaces with the GitHub API to fetch the top users for the specified location. The primary metric for ranking is the number of followers, but this may change in future iterations.
The app displays profile details of each ranked user, such as their profile picture, username, full name, follower count, number of public repositories, and a direct link to their GitHub profile. Due to API usage restrictions, only 10 users are displayed at a time.
React - For Building the user interface.
Tailwind CSS - For styling elements.
Vite - Build tool and development server.
Cobe - Globe elements.
DotENV - For managing enviornment variables.
React Icons - For icons.
React Router Dom - For routing SPAs.
React Select - For autosuggest user input.
AuthO - For user authentication.
Make sure you have Node.js and npm installed.
git clone https://github.com/developerrahulofficial/locationGit.git
cd locationGit
VITE_GITHUB_TOKEN = " Your Github Token Here"
npm install
npm run dev
Color | Hex |
---|---|
Dark Gray | #070707 |
Lighter Gray | #A1CEFA |
Darker Blue | #3B82F6 |
Normal Blue | #60A5FA |