Create a cross-platform desktop app with Electron
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?
- Register for LevelUp 2.
- Assuming you already have installed node.js, install Electron with npm:
npm install electron-prebuilt -g
- 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
- Add your own JS / HTML / CSS, test, commit, and repeat!
- Build a binary release and share it with a friend (look in the releases\ directory):
npm run release
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.
(the whole team!)
Does it work and does it thrill?