Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sheeehy/GeoGit
Rank the top Software Developers by location.
https://github.com/sheeehy/GeoGit
development github github-api location-based ranking ranking-system react reactjs tailwind vercel vite
Last synced: 3 months ago
JSON representation
Rank the top Software Developers by location.
- Host: GitHub
- URL: https://github.com/sheeehy/GeoGit
- Owner: sheeehy
- Created: 2023-09-14T14:49:27.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-07T12:06:11.000Z (10 months ago)
- Last Synced: 2024-08-01T21:56:17.503Z (6 months ago)
- Topics: development, github, github-api, location-based, ranking, ranking-system, react, reactjs, tailwind, vercel, vite
- Language: JavaScript
- Homepage: https://geogit.tech/
- Size: 1.27 MB
- Stars: 24
- Watchers: 2
- Forks: 5
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
GeoGit - v2
The second iteration of GeoGit built with React and hosted with Vercel.
## 🌎 About GeoGit
GeoGit 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.
GeoGit 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.
## 🔧 📚 Tools & Libraries
React - For Building the user interface.
Tailwind CSS - For styling elements.
Vite - Build tool and development server.
## 📦 Packages
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.
## 🛠Setup and Installation
Make sure you have Node.js and npm installed.
## Clone the repository
```
git clone https://github.com/sheeehy/Geo-Git-v2.git
```
## Navigate to the project directory
```
cd Geo-Git-v2
```
## Install dependencies
```
npm install
```
## Run the app in development mode
```
npm run dev
```
## 🎨 Color Reference
| Color | Hex |
| -------------- | ------------------------------------------------------------------ |
| Dark Gray |  `#070707` |
| Lighter Gray |  `#A1CEFA` |
| Darker Blue |  `#3B82F6` |
| Normal Blue |  `#60A5FA` |