WarMaxis / Electron_K2_CE_Tools_app

Electron GUI desktop application for Content Editors team in K2 Internet S.A. Digital Agency. Modules: Files Names Changer, Images Downloader and Screen Shooter. A lot of cool functions to simplify people job :-)

Electron K2 Content Editors Tools application

Electron GUI desktop application for Content Editors team in K2 Internet S.A. Digital Agency.

Modules:

• "Files Names Changer"
• "Images Downloader"
• "Screen Shooter"

Used in K2 Digital Agency in Content Editors team to simplify their job :-)

Created by Michał Milanowski.

Functions (all of functions are easy to use because of GUI):

"Files Names Changer"

• remove polish special diacritics from file name
• remove whitespaces from file name

"Images Downloader"

• download images from URLs list in .txt file
• compress this images

Example .txt file (URLs line by line):

http://www.examplesite.com/test/flowers.jpg
http://www.anotherexamplesite.pl/test2/people.png

"Screen Shooter"

• make website screenshots automatically from .txt file with list of URLs

• save screenshots as images

• make PDF files from images

• merge all of PDFs into one PDF file

• make .zip archive with all screenshots

• copy final .zip archive to remote directory

• catching errors and presenting it in GUI

• extensive console messages

• a lot of PhantomJS config that allow you to:

  • change viewport size (make screenshots mobile version of website);
  • change CSS before take screenshots;
  • run JS scripts before screenshots;
  • set timeouts;
  • change userAgent

  and so much more (cookies, shot size, change quality etc.)

• more examples of PhantomJS config are in /webshot_lib/examples/ directory

Example .txt file with URLs (URLs line by line):

http://www.onet.pl
http://www.wp.pl
http://www.examplesite.com
http://www.anotherexamplesite.pl

How to start?

1. Install dependencies (you can also use yarn)

$ npm install

2. Run app

$ npm start

3. You can also build standalone Electron version of app (for different OS, more info here)

$ electron-packager .

Used technologies in this project:

• JavaScript
• NodeJS
• ElectronJS
• PhantomJS
• HTML5
• CSS3
• Bootstrap
• code splitting into modules