A simple and intuitive Notes App built with JavaScript, HTML, and CSS, designed to provide a distraction-free note-taking experience. The app leverages localStorage to save and persist user notes, allowing you to access them even after closing the browser. With a clean UI and markdown support, it's perfect for quick thoughts or detailed notes.
- Add and Edit Notes: Create new notes with a click, edit them inline, and toggle between edit and preview modes.
- Markdown Support: Render notes in markdown format using the marked library for a rich text experience.
- Persistent Storage: Notes are saved locally in localStorage to ensure your work is not lost.
- Responsive Design: Optimized for a variety of screen sizes with a clean and modern interface.
- Delete Notes: Quickly remove notes you no longer need.
- Frontend: HTML, CSS (custom styling with a focus on usability).
- JavaScript: Dynamic note creation, editing, deletion, and localStorage integration.
- Libraries: Marked.js for markdown rendering.
- Clone the repository:
git clone https://github.com/yourusername/notes-app.git
cd notes-app
Open index.html in your browser to start the application.
- Or check out the live demo
- Add color themes for notes.
- Implement search functionality for notes.
- Sync notes to a backend for multi-device access.
- Add rich text formatting options.
Feel free to open any issues your encounter, or create pull requests for any features you think you can add.
This is open-sourced and I am open to constructive feedback and contributions!
Thanks! ❤️