GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - wftutorials/electron-note-tutorial: Creating a note taking app with electron

BranchesTags
Open more actions menu

Latest commit

 

History

125 Commits
125 Commits

Folders and files

NameName
Last commit message
Last commit date
css
css
 
 
js
js
 
 
vendor
vendor
 
 
.gitignore
.gitignore
 
 
LICENSE.md
LICENSE.md
 
 
README.md
README.md
 
 
index.html
index.html
 
 
main.js
main.js
 
 
menu.js
menu.js
 
 
package-lock.json
package-lock.json
 
 
package.json
package.json
 
 

Repository files navigation

Electron Tutorial

This is a sample application created using the electron api for node. The application I created is a markdown file editor. This sample apps was started using the electron quick start repo.

You can learn more about the electron Api here - https://electronjs.org/

The walk-through for this application can be found here - https://wftutorials.wordpress.com/

Preview

https://wftutorials.files.wordpress.com/2019/01/electron_tutorial_screenshot.png

Installation

To clone and run this repository you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
git clone https://github.com/wyntonfranklin/electron-tutorial.git
# Go into the repository
cd electron-tutorial
# Install dependencies
npm install
# Run the app
npm start

Note: If you're using Linux Bash for Windows, see this guide or use node from the command prompt.

Features

  • Create new markdown file
  • Open and edit markdown files
  • Show recently open files
  • Hide recently open files bar
  • Rename markdown files

Topics Covered

  • Menus
  • Dialogs
  • Sending Commands
  • ipcRender
  • Database
  • Dependenices
  • package.json configuration
  • jQuery
  • file structure
  • File creation use fs module

Resources for Learning Electron

  • electronjs.org/docs - all of Electron's documentation
  • electronjs.org/community#boilerplates - sample starter apps created by the community
  • electron/electron-quick-start - a very basic starter Electron app
  • electron/simple-samples - small applications with ideas for taking them further
  • electron/electron-api-demos - an Electron app that teaches you how to use Electron
  • hokein/electron-sample-apps - small demo apps for the various Electron APIs

License

CC0 1.0 (Public Domain)

About

Creating a note taking app with electron

app.wftutorials.com/tutorial/106

Resources

Readme
CC0-1.0 license
Activity
Custom properties

Stars

4 stars

Watchers

0 watching

Forks

1 fork
Report repository

Releases

Packages

Used by

Contributors

Languages

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.