|
1 | | -This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app). |
| 1 | +<div align="center"> |
2 | 2 |
|
3 | | -## Getting Started |
| 3 | +<img src="public/mascot.webp" width="120" alt="GitFut mascot"> |
4 | 4 |
|
5 | | -First, run the development server: |
| 5 | +# GitFut |
6 | 6 |
|
7 | | -```bash |
8 | | -npm run dev |
9 | | -# or |
10 | | -yarn dev |
11 | | -# or |
12 | | -pnpm dev |
13 | | -# or |
14 | | -bun dev |
| 7 | +**your GitHub, rated out of 99** ⚽ |
| 8 | + |
| 9 | +<img src="https://readme-typing-svg.demolab.com?font=JetBrains+Mono&weight=600&size=20&duration=2600&pause=800&color=39D353¢er=true&vCenter=true&width=660&height=42&lines=Turn+any+GitHub+profile+into+a+FIFA-style+card;Scored+live+from+real+commits%2C+stars+%26+PRs;Embed+it+anywhere+%E2%80%94+it+updates+itself" alt="Turn any GitHub profile into a player card, scored live, embeddable anywhere"> |
| 10 | + |
| 11 | +<br/><br/> |
| 12 | + |
| 13 | +<a href="https://gitfut.com/torvalds"><img src="https://gitfut.com/torvalds.png" width="240" alt="GitFut card"></a> |
| 14 | +<a href="https://gitfut.com/ThePrimeagen"><img src="https://gitfut.com/ThePrimeagen.png" width="240" alt="GitFut card"></a> |
| 15 | +<a href="https://gitfut.com/t3dotgg"><img src="https://gitfut.com/t3dotgg.png" width="240" alt="GitFut card"></a> |
| 16 | + |
| 17 | +<br/><br/> |
| 18 | + |
| 19 | +</div> |
| 20 | + |
| 21 | +<br/> |
| 22 | + |
| 23 | +## 🃏 Embed your card |
| 24 | + |
| 25 | +Your card lives at a URL. Drop it in your profile README, your portfolio, anywhere — and it **re-scouts itself** as your stats change. |
| 26 | + |
| 27 | +```md |
| 28 | +[](https://gitfut.com/YOUR_USERNAME) |
15 | 29 | ``` |
16 | 30 |
|
17 | | -Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. |
| 31 | +| | | |
| 32 | +|---|---| |
| 33 | +| **`gitfut.com/<username>.png`** | your card, as a live image | |
| 34 | +| **`gitfut.com/<username>`** | the full scout report | |
| 35 | +| **`?country=XX`** | override the flag (e.g. `?country=DZ`) | |
| 36 | + |
| 37 | +<br/> |
| 38 | + |
| 39 | +## ⚙️ How the scouting works |
| 40 | + |
| 41 | +Six signals from a live GitHub profile, each mapped to a football stat — read straight from GitHub's GraphQL API. No surveys, no self-reporting. Just the commits. |
| 42 | + |
| 43 | +| | Stat | Scouted from | |
| 44 | +|:--:|:--|:--| |
| 45 | +| **PAC** | Pace | Commits in the last year | |
| 46 | +| **SHO** | Shooting | Stars earned across repos | |
| 47 | +| **PAS** | Passing | Pull requests + followers | |
| 48 | +| **DRI** | Dribbling | Language diversity | |
| 49 | +| **DEF** | Defending | Reviews + issues | |
| 50 | +| **PHY** | Physical | Lifetime contributions | |
| 51 | + |
| 52 | +Your **overall** is the headline. Raw stats cap at **88** — the 90s are a legacy gate, earned with years and influence, so one heroic year won't crown you an Icon. Your **position** and **archetype** are read from your stat shape: a shooting spike scouts a poacher up top, a defending-and-passing lean scouts a deep playmaker. |
| 53 | + |
| 54 | +Every card walks out in a finish: |
18 | 55 |
|
19 | | -You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file. |
| 56 | +<div align="center"> |
20 | 57 |
|
21 | | -This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel. |
| 58 | + |
| 59 | + |
| 60 | + |
| 61 | + |
| 62 | + |
| 63 | + |
22 | 64 |
|
23 | | -## Learn More |
| 65 | +</div> |
24 | 66 |
|
25 | | -To learn more about Next.js, take a look at the following resources: |
| 67 | +<br/> |
26 | 68 |
|
27 | | -- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API. |
28 | | -- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial. |
| 69 | +<div align="center"> |
29 | 70 |
|
30 | | -You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome! |
| 71 | +**Built with** Next.js · TypeScript · Tailwind · Redis · Vercel Blob |
31 | 72 |
|
32 | | -## Deploy on Vercel |
| 73 | +**[gitfut.com](https://gitfut.com)** · scout someone today |
33 | 74 |
|
34 | | -The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js. |
| 75 | +<img src="https://capsule-render.vercel.app/api?type=waving&height=90&color=0:39d353,100:006d32§ion=footer" alt="" width="100%"> |
35 | 76 |
|
36 | | -Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details. |
| 77 | +</div> |
0 commit comments