https://github.com/narze/timelapse

Capture a timelapse screenshot of my projects using GitHub Actions. Forked from dtinth/timelapse
https://github.com/narze/timelapse

Last synced: about 1 year ago
JSON representation

Capture a timelapse screenshot of my projects using GitHub Actions. Forked from dtinth/timelapse

• Host: GitHub
• URL: https://github.com/narze/timelapse
• Owner: narze
• Created: 2021-07-12T10:50:32.000Z (about 5 years ago)
• Default Branch: main
• Last Pushed: 2025-04-15T11:02:02.000Z (over 1 year ago)
• Last Synced: 2025-04-17T00:18:17.626Z (over 1 year ago)
• Language: JavaScript
• Homepage: https://github.com/dtinth/timelapse
• Size: 287 MB
• Stars: 6
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# timelapse

**Want to put a screenshot of your webapp on your README file but don’t want to go through the hassle of keeping them up-to-date?**

Introducing **timelapse**:

- With [GitHub Actions](https://github.com/features/actions)’ [scheduled workflows support](https://help.github.com/en/actions/reference/workflow-syntax-for-github-actions#onschedule), [every night](https://github.com/dtinth/timelapse/blob/master/.github/workflows/timelapse.yml) a [screenshot](https://github.com/dtinth/timelapse/blob/master/projects/dt.in.th_initial.png) of all your [web page](https://github.com/dtinth/timelapse/blob/master/projects/dt.in.th.config.js)s are [taken](https://github.com/dtinth/timelapse/blob/master/main.js) and [committed to the repository](https://github.com/dtinth/timelapse/tree/master/projects) if different.

  From your project’s README file, can then link to the latest image like this:

  ```markdown

  ![Screenshot](https://github.com/dtinth/timelapse/raw/master/projects/dt.in.th_initial.png)

  ```

  ### [→ See an example](https://github.com/dtinth/dt.in.th#readme)

- When a screenshot is updated, the image is also posted to Slack, allowing you to see a visual logs of your project works.

  ![Screenshot of Slack showing messages by timelapse](docs/images/slack.png)

- Since screenshots are commited and pushed to GitHub, [you can see a visual diff of your web pages within GitHub](https://github.com/dtinth/timelapse/commit/a0cc528de04e8f41a36da130a34f187f5ab053f2?short_path=814ca51#diff-814ca51e87e2a490a1c03b2df198b470).