https://github.com/ketan-chaudhary/onenote
https://github.com/ketan-chaudhary/onenote
dom-manipulation local-storage onenote sessionstorage
Last synced: 8 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/ketan-chaudhary/onenote
- Owner: Ketan-Chaudhary
- Created: 2024-03-04T11:59:20.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-03-11T14:40:19.000Z (over 1 year ago)
- Last Synced: 2025-01-22T14:12:25.747Z (9 months ago)
- Topics: dom-manipulation, local-storage, onenote, sessionstorage
- Language: JavaScript
- Homepage: https://one-note-swart.vercel.app
- Size: 231 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# OneNote
OneNote is a simple and elegant notes keeping website that allows users to effortlessly jot down their thoughts, ideas, and to-do lists. Built using HTML, CSS, and JavaScript, NoteKeep leverages the power of DOM manipulation to provide a smooth and intuitive user experience. Whether you're organizing your daily tasks, brainstorming new concepts, or simply capturing fleeting moments of inspiration, NoteKeep is your go-to digital notebook.
## Features
- **Intuitive Interface**: A clean and user-friendly interface designed for seamless note-taking.
- **Dynamic Note Creation**: Add new notes with a single click of a button, thanks to dynamic DOM manipulation.
- **Editable Content**: Easily edit your notes directly on the webpage with contenteditable functionality.
- **Delete Functionality**: Remove unwanted notes effortlessly by clicking on a delete icon.
- **Local Storage Integration**: Persist your notes across sessions with local storage, ensuring your important ideas are never lost.
## Getting Started
To get started with NoteKeep, simply clone this repository to your local machine and open the `index.html` file in your preferred web browser. You can then start adding notes, editing them, and deleting them as needed.
```bash
https://github.com/Ketan-Chaudhary/OneNote.git
```
## Usage
1. Open `index.html` in your web browser.
2. Click the "Add Note" button to create a new note.
3. Type your note content directly into the input boxes.
4. To edit a note, simply click on it and start typing.
5. To delete a note, click on the delete icon associated with it.
6. Your notes will be automatically saved and will persist across sessions.
## Contributing
Contributions to NoteKeep are welcome! If you have ideas for new features, bug fixes, or enhancements, feel free to submit a pull request. Please ensure that your code adheres to the project's coding standards and conventions.
---
*OneNote - Keeping your thoughts in sync with your digital world.*