DEV Community

Himanshu Handa
Himanshu Handa

Posted on

Notes Website

A Notes making Website made with Glassmorphism style.

Glass Notes

A small, responsive notes app with a glassmorphism interface. It uses plain HTML, CSS, and JavaScript—no build tools or package installation required.

Open in VS Code

  1. Extract this folder.
  2. In VS Code, choose File → Open Folder and select glass-notes-vscode.
  3. To preview it, open index.html in a browser. For a more reliable local preview, install the Live Server extension in VS Code, right-click index.html, then choose Open with Live Server.

Features

  • Create, edit, pin, and delete notes.
  • Organize notes into Ideas, Journal, Reading, Work, and Personal.
  • Search note titles, contents, and categories.
  • Filter by collection or pinned notes.
  • Save notes in this browser with localStorage.
  • Responsive layout and keyboard shortcuts: Ctrl/Cmd + K to search and Ctrl/Cmd + N to create a note.

Notes are stored in the browser where you use the app. They are not automatically uploaded to GitHub or shared between…

Top comments (0)