Hexa-Programmer Presents

HexaNotes

HexaNotes is a minimal, web application built using HTML, CSS, and JavaScript.

It runs entirely in the browser with no backend and uses localStorage for persistence.

Live Demo View Source
YOUR NOTES
HexaNotes Application Interface displaying notes
YOUR DEVICE

Features

1) Multiple Notes Support

Create and manage multiple notes in a sidebar.

2) Live Editing

Instantly edit title and content with real-time saving.

3) Persistent Storage

Uses localStorage to save notes even after refresh.

How it works

Each note is stored as an object:

{
    id: Date.now(),
    title: "Note title",
    content: "Note content"
}

All notes are stored in browser storage using:

localStorage

This allows data to persist without any backend.

Tech Stack

- HTML5 - CSS3 - Vanilla JavaScript (no frameworks)

Installation

To run HexaNotes locally:

git clone https://github.com/Hexa-Programmer/HexaNotes.git
cd HexaNotes
open index.html

Note

This is a personal learning project and will continue to evolve over time.