https://github.com/Aniket965/Dynamic-Github-Profile
Show dynamic Images on our GitHub profile special repository
https://github.com/Aniket965/Dynamic-Github-Profile
dynamic-images github github-profile
Last synced: 6 months ago
JSON representation
Show dynamic Images on our GitHub profile special repository
- Host: GitHub
- URL: https://github.com/Aniket965/Dynamic-Github-Profile
- Owner: Aniket965
- Created: 2020-07-09T14:35:13.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2020-07-09T16:53:11.000Z (about 5 years ago)
- Last Synced: 2025-04-08T23:24:14.944Z (6 months ago)
- Topics: dynamic-images, github, github-profile
- Homepage:
- Size: 14.6 KB
- Stars: 10
- Watchers: 2
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
Awesome Lists containing this project
README
# Dynamic Github Profile
> Refresh this page to see different Images
# What?
we can show dynamic Images on our github profile special repository ```githubhandle/githubhandle```
by creating an API which returns different images
example:
> using unsplash random images
```md
https://source.unsplash.com/random/800x400
```
will show a random image like this
## Ideas
we can use this and create various different kind of profiles, some examples of that are: -
- Based on Time, we can create something like dynamic wallpapers in mac
- Based on Festivals, we can greet our profile visitor and make something special on special occasions
- Based on Birthdays, we can let our visitors know about our birthdays and create special effects on our profile
- Based on Daily Wallpapers or Quotes, you can show a daily quote on your github profile
- Based on News that you follow
- Based On random Thing that you like
- example ```https://source.unsplash.com/random/800x400?star ```
- Based on Your Latest Instagram post
# How?
> for creating dynamic effect you have to host a server which returns your content
Code Snippet for creating route in Express.js
```js
app.get("/unsplash", (req, res) => {
request("https://source.unsplash.com/random/800x200")
.on("response", response => {
response.headers['Cache-Control'] = 'max-age=0, no-cache, no-store, must-revalidate'
})
.pipe(res);
})
```
- **Note :-** set ```Cache-Control: max-age=0, no-cache, no-store, must-revalidate``` otherwise github will cache images for too long
### More Ideas? Contact Twitter - [@aniket965as](https://twitter.com/aniket965as)