https://github.com/vxncius-dev/noteio

A simple note-taking web app that allows users to create, edit, and save notes locally using the browser's local storage. The app features customizable note titles, content areas, and copy-to-clipboard functionality.
https://github.com/vxncius-dev/noteio

appdesign design javascript note-taking notes notes-app shadcn-ui

Last synced: about 2 months ago
JSON representation

A simple note-taking web app that allows users to create, edit, and save notes locally using the browser's local storage. The app features customizable note titles, content areas, and copy-to-clipboard functionality.

• Host: GitHub
• URL: https://github.com/vxncius-dev/noteio
• Owner: vxncius-dev
• Created: 2024-11-12T00:41:40.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2024-11-12T19:03:23.000Z (about 2 months ago)
• Last Synced: 2024-11-12T19:37:45.423Z (about 2 months ago)
• Topics: appdesign, design, javascript, note-taking, notes, notes-app, shadcn-ui
• Language: JavaScript
• Homepage: https://vxncius-dev.github.io/NoteIO/
• Size: 32.2 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# NoteIO - A Simple Note-Taking Web App

NoteIO is a web-based note-taking application that allows users to create, edit, and save their notes directly in the browser. It leverages **localStorage** to persist notes across sessions, ensuring that all changes are saved automatically.



## Demo

You can try out the live demo of the project [here](https://vxncius-dev.github.io/NoteIO/).

## Features:

- **Create and edit notes**: Users can add titles and content to their notes.

- **Local storage integration**: Notes are saved persistently in the browser’s local storage, even after a page refresh.

- **Copy functionality**: Notes can be copied to the clipboard with the click of a button.

- **Placeholder notes**: If no notes exist, random placeholder content is displayed as a guide.

## Technologies:

- **HTML** for structure.

- **CSS** for styling.

- **JavaScript** for dynamic interaction and local storage handling.

The app provides an easy-to-use interface with the ability to quickly jot down ideas and manage them over time.