App Architecture

It is electron based

Electron + Bulma.io + SASS + jQuery

• Electron : https://electron.atom.io/
• Bulma.io : CSS Frameworks http://bulma.io/
• SASS : http://sass-lang.com/
• jQuery : https://jquery.com/

Dependencies (Production)

CSS Frameworks

Bulma.io

Javascripts Library

jQuery

Electron/node.js modules

electron-settings

Writing electron settings file in json format to ~/Library/Application\ Support/Setting (Mac) and "Not sure where" (Win and Linux). This plugin right now only supports writing to one single file. We might need to replace this one with another (for example, electron-config) later if we need to separate each comic's information to different files.

requests

Make http request

DevDependencies

livereloadx

Watches the file changes under the project folder, and trigger the app to refresh automatically.

node-sass

Compiles SASS files to CSS.

nodemon

Watches the SASS files, and execute node-sass if any of the SASS file changes.

concurrently

Allows us to run all of the command above in parallel.

Folder Structure

I use the folder structure follows this one on electron/electron-api-demos: