Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/saphalpdyl/recent-repo-2

Successor to Recent repo with typescript and NextJS hosted on Vercel. A dynamic information card to be embedded into your GitHub profile's README.
https://github.com/saphalpdyl/recent-repo-2

api card github github-readme-profile github-stats nextjs profile-card typescript vercel

Last synced: about 1 month ago
JSON representation

Successor to Recent repo with typescript and NextJS hosted on Vercel. A dynamic information card to be embedded into your GitHub profile's README.

Host: GitHub
URL: https://github.com/saphalpdyl/recent-repo-2
Owner: saphalpdyl
License: mit
Created: 2024-01-21T18:47:11.000Z (12 months ago)
Default Branch: main
Last Pushed: 2024-01-25T18:53:34.000Z (12 months ago)
Last Synced: 2024-01-25T23:14:10.190Z (12 months ago)
Topics: api, card, github, github-readme-profile, github-stats, nextjs, profile-card, typescript, vercel
Language: TypeScript
Homepage: https://recent-repo-2.vercel.app
Size: 159 KB
Stars: 2
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# Recent Repo 2
The successor to Recent Repo - now written in Typescript and hosted on Vercel. Further changes or development will be commited here.

The renders an SVG card that displays information about your most recently updated GitHub repository, including:

- Repository name
- Full name
- Last updated ..... time ago
- Recent commits (will be made adjustable)
- Repository size

Designed to be easily embedded within your GitHub-flavored README.md files for a visual showcase of your activity!

[![Tech Stack](https://skillicons.dev/icons?i=next,typescript,svg)]()

## Usage
- Go to the [API directly](https://recent-repo-2.vercel.app/api/repo) to start on default settings

### Query Parameters
- `username` : You Github Username
- `pos` : The position of the displayed repo ( pos=0 corresponds to the latest repo )
- `backgroundColor` : Background color in HEX format without '#'
- `borderColor` : Color of the border in HEX format without '#'
- `minimalism` : when `true` hide the design on the top right
- `disableBackgroundGrid`: when `true` hide the dotted grid in the background

### To load the card

DO ✔️ :
```html

```

DON'T ❌ :
```markdown
![](https://recent-repo-2.vercel.app/api/repo?username=&pos=0)
```

#### WHY?
> Loading it Markdown way takes 1-1.5 minutes for updates to appear. On the other hand, loading through updates the image within 10 seconds after changes have been made. ( Source: me )

## Examples ( Default + Configurations through query parameters )
![](https://recent-repo-2.vercel.app/api/repo?username=saphalpdyl)
![](https://recent-repo-2.vercel.app/api/repo?username=saphalpdyl&pos=1&backgroundColor=0d1117&borderColor=596679&minimalism=true)
![](https://recent-repo-2.vercel.app/api/repo?username=saphalpdyl&pos=2&backgroundColor=0ff3&borderColor=fff&disableBackgroundGrid=true)

## Customization
Fork the repo and host it on vercel for further customization.

##### Further Customization will be added soon

## Additional Notes
- The SVG card is designed with a width of 600px and a height of 200px.
- The function uses the GitHub public API to retrieve repository data.