General Notes

General Notes is a simple note app that allows you to sync local and remote content.

Read the full developer walkthrough.

Difficulty: Medium

Code Breakdown:

• 5% HTML
• 14% CSS
• 81% JavaScript

 

View Source Download

Web API Usage

IndexedDB

Stores local and remote notes on the client side.

appcache

Enables the page and functionality to work offline.

Third-party Libraries

Node.js

Both server and client code are written in JavaScript.

redis

A key-value store that contains all the server notes.

jQuery

Uses jQuery to simplify common tasks such as DOM manipulation.

RequireJS

Uses RequireJS to split JavaScript code into more easily maintainable modules.