Skip to content

nomadinteractive/screenshot-tracker

Repository files navigation

Screenshot Tracker Desktop App

Screenshot Tracker Hero

A simple screenshot tarcking tool based on electron's embedded chromium and pupeteer.

Screenshots

Screenshot 1: Result Screen

Screenshot 2: New Run

Screenshot 3: Previews

Screenshot 4: Dark Mode

Features / Tech Used

  • Electron
  • Webpack 8
  • Babel 7
  • React 16
  • ES6
  • PostCSS
  • Sass (Injection by modules and in the traditional way)
  • Ant Design (Global theme based on the Less Ant variables)
  • Jest
  • Enzyme
  • Eslint
  • Hot realod
  • Friendly architecture
  • Export for Mac, Linux, Windows

Known issues

Looking for support for the following known issues:

  • Ability to capture cookie/session and use in screenshot sessions
  • True mobile device emulation (right now just the resolution/width is simulated)
  • App is not working on Linux and Windows Operating Systems due to puppeteer and electron/chromium connection (#8, #11)
  • Testing on Wimdows
  • Testing on Linux
  • Writing proper react component tests. Right now tests folder only contains tests from original boilerplate code. They are not in proper use.

Table of contents

Install

Clone this repo

git clone https://github.com/nomadinteractive/screenshot-tracker

Install dependencies

npm install

or

yarn

Usage

Run

npm start

or

yarn start

Build (manual)

npm run build

or

yarn build

Prod (Preview in Production)

npm run prod

or

yarn prod

Build package (Current OS)

npm run package

or

yarn package

Build package (Mac, Linux, Windows)

npm run package:all

or

yarn package:all

Test

npm test

or

yarn test

Docs

npm run docs

or

yarn docs

License

MIT © Nomad Interactive

Boilerplate derived from Leonardo Rico via MIT license