Create a cross-platform desktop app with Electron

So, you finally mastered JavaScript callbacks & prototypes & semicolons — what are you going to learn next? Level Up your JS skills at Devpost!

Electron is a framework for building desktop apps with JavaScript, HTML, and CSS. If you use Slack, Atom, or Visual Studio Code, then you’ve already seen what it can do!

This month, Devpost wants to jumpstart your desktop development. After all, why should Chrome have all the fun? Submit your best Electron app before September 15 and and we’ll feature our favorite four in our weekly newsletter, video podcast, and to the entire hacker community.

What will you learn?

A great Electron app begins on the command line. To get your app up and running, you’ll need to master some basics like installing packages with npm, writing manifest files, and running scripts. Fortunately, there are a lot of great Electron resources out there and a very active development community!

How do you get started?

  1. Register for LevelUp 2.
  2. Assuming you already have installed node.js, install Electron with npm:
    npm install electron-prebuilt -g
  3. Clone this boilerplate repo from Jakub Szwacz and start your app in development mode:
    git clone https://github.com/szwacz/electron-boilerplate.git
    cd electron-boilerplate
    npm install
    npm start
    
  4. Add your own JS / HTML / CSS, test, commit, and repeat!
  5. Build a binary release and share it with a friend (look in the releases\ directory):
    npm run release

Rules

LevelUp is about learning, so there’s only a handful of rules:

  • The work you submit must be your own. Use whatever tools and libraries you want, but please give credit where it’s due.
  • You must create and submit a new project.
  • We have be able to test your hack. Host it online, give us a repo link, send us a binary, or whatever makes the most sense for you.

View full rules

Judges

Devpost

Devpost
(the whole team!)

Judging Criteria

  • Does it work and does it thrill?