Noeopad

📝 Noeopad

A lightweight, distraction-free notepad app built with HTML, CSS, and JavaScript.
Write, search, and organize your notes right in the browser — no installation needed.

🔗 Live Demo: noeopad.netlify.app

---

✨ Features

• ➕ Create Notes – add as many notes as you like.
• 📝 Edit Notes – update content anytime.
• ❌ Delete Notes – remove notes you no longer need.
• 🔍 Search Notes – quickly find a note by keyword.
• 📌 Fixed Toggle Section – for easy controls (if enabled).
• 📱 Responsive Design – works on desktop and mobile browsers.

---

🚀 Getting Started

For Users

1. Open noeopad.netlify.app in your browser.
2. Start typing — your notes are saved automatically.

For Developers

1. Clone the repository:

   git clone https://github.com/CordisO/noeopad.git
   

2. Open index.html in a modern browser.

3. Start coding or customize features.

How to Use

1. Add a Note

2. Click the "Add Note" button (or similar UI control).

3. Type your content in the note editor.

4. Edit a Note

5. Select an existing note.

6. Update the text directly.

7. Delete a Note

8. Click the delete/trash icon on a note.

9. Search Notes

10. Use the search bar to filter notes by keywords.

Technical Details

Languages: HTML, CSS, JavaScript

Frameworks/Libraries: None (vanilla JS)

Hosting: Netlify

Folder Structure:

/assets → css, script, images, etc. index.html → main entry point main.html → Main website content

Roadmap (Future Plans)

1. Dark Mode toggle

2. Cloud sync (store notes online)

3. Functioning To-Do-List Section

4. Tags or categories for notes

5. Export notes as PDF/Markdown

🤝 Contributing

Pull requests and suggestions are welcome. For major changes, please open an issue first to discuss what you’d like to add.

📜 License

This project is licensed under the MIT License. Feel free to use, modify, and share.