https://github.com/cbinet/electralize
Boilerplate for quick and beautiful Electron applications
https://github.com/cbinet/electralize
boilerplate electron materializecss
Last synced: 11 months ago
JSON representation
Boilerplate for quick and beautiful Electron applications
- Host: GitHub
- URL: https://github.com/cbinet/electralize
- Owner: CBinet
- Created: 2017-04-14T01:35:48.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2018-12-09T22:07:44.000Z (over 7 years ago)
- Last Synced: 2024-11-16T23:18:53.133Z (over 1 year ago)
- Topics: boilerplate, electron, materializecss
- Language: JavaScript
- Homepage: https://www.npmjs.com/package/electralize
- Size: 152 KB
- Stars: 3
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Electralize
**Electralize is a fast way to start beautiful Electron application using Materialize css.**
## Setup
### Install with git
Clone the repository
```sh
git clone https://github.com/CBinet/Electralize.git
```
Install dependencies
```sh
npm install
```
Launch the application
```sh
npm start
```
### Install with npm
Download the npm module
```sh
npm install electralize
```
Extract the content of the electralize module to the current folder then :
Launch the application
```sh
npm start
```
## Building an app with Electralize
### Main.js
This is what would usually be your browser
in a normal web application. You can change the window size,
bind events on resizing and such in this file.
*Note : You can't access DOM elements in* **main.js**.
### Index.html
This is your normal index.html file. Use it like your would
normally do, like to place elements in the DOM, render
templates, import headers, etc. Example, to add your own stylesheets :
**index.html**
```html
```
### App.js
This is where you do your application logic :
Bind events on DOM elements, do HTTP requests, etc.
You can import any other javascript file, either with
the html *script* tag in your **index.html** file or
with the **require.js** library :
**index.html**
```html
```
**require.js**
```javascript
var app = require('./js/app.js');
```