https://github.com/dtinth/timelapse

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

automated github-actions nodejs puppeteer

Last synced: about 1 month ago
JSON representation

Capture a timelapse screenshot of my projects using GitHub Actions.

• Host: GitHub
• URL: https://github.com/dtinth/timelapse
• Owner: dtinth
• Created: 2020-03-12T02:53:51.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2024-11-19T01:36:17.000Z (about 1 month ago)
• Last Synced: 2024-11-19T02:41:25.776Z (about 1 month ago)
• Topics: automated, github-actions, nodejs, puppeteer
• Language: JavaScript
• Homepage:
• Size: 45 MB
• Stars: 27
• Watchers: 2
• Forks: 2
• Open Issues: 9
• 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).