git-timelapse is an npm package that constructs timelapses of how pages in your project have evolved over time.
The following gif illustrates a very simple example and is looping although this is not the default for the package.
Currently git-timelapse only works for basic web pages or simple react apps. I intend to expand it further to offer some sort of support for more complex applications but there's some issues I'd need to address such as changes to the projects back-end or database schema.
# install git-timelapsenpm i git-timelapse# run itnpx git-timelapse -g ./full/path/to/git/repo -p ./full/path/to/page
-g /path/to/git/repo- Full Path to folder for the git repo.
-p /path/to/page- Full Path To The Page Or URL i.e https://localhost:3000
You can achieve further configuration by creating a
timelapseConfig.js file with the following structure
Projects with a build process
This is an example of how you would use this package with something like create-react-app
# install git-timelapsenpm i git-timelapse# use npm start or whatever command you use to have your application listen to changes in your codenpm start# In a sepearte terminal run git-timelapse (url example for create-react-app: )npx git-timelapse -g ./full/path/to/git/repo -p url/to/page