https://github.com/javierbyte/gitpage-timemachine
Visualize the evolution of your website in 3D time-machine like.
https://github.com/javierbyte/gitpage-timemachine
3d git history timemachine
Last synced: 14 days ago
JSON representation
Visualize the evolution of your website in 3D time-machine like.
- Host: GitHub
- URL: https://github.com/javierbyte/gitpage-timemachine
- Owner: javierbyte
- Created: 2017-05-01T01:10:03.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2022-04-26T01:36:39.000Z (about 3 years ago)
- Last Synced: 2025-04-01T22:10:24.715Z (about 1 month ago)
- Topics: 3d, git, history, timemachine
- Language: Vue
- Homepage: https://javier.xyz/gitpage-timemachine
- Size: 14.1 MB
- Stars: 166
- Watchers: 2
- Forks: 6
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Git Page Time-Machine.
See the evolution of your website in screenshots.
[Live demo](http://javier.xyz/gitpage-timemachine)
[](http://javier.xyz/gitpage-timemachine)
## How to use.
Since I'm using https://github.com/javierbyte/node-git-history this only works on Mac and Linux.
Clone the repo, and `cd` into it.
1. Config your data. Edit the `config.js` file.
```
module.exports = {
repo: 'https://github.com/javierbyte/javierbyte.github.io',
maxImages: 24,
ignoreCommits: ['6da97a5eacd294c573ff830f79c5a3ecaec9c466', 'e9ccbd00a04007b313172b542d0e8e8c13cd3f8a']
};
```
It currently supports 3 properties:
* `repo` that is your repo url,
* `maxImages` that is the maximun number of screenshots that we are trying to get,
* `ignoreCommits` the entire hash of commits that you want to ignore.
2. Run and get your data. (This takes around 3 minutes for a 24 screenshot history!).
Run your `chrome-headless-screenshots` server
```
/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --disable-gpu --window-size=1280x900 --force-device-scale-factor=1 --headless --remote-debugging-port=9222 --hide-scrollbars
```
```
node cli.js
```
3. Run the frontend and see your history!
```
npm run dev
```
4. Profit!