/Notes-App

This is a simple Notes App project built using HTML, CSS, and JavaScript (with some parts written in SASS for improved styling). The application allows users to add, delete, search, and highlight notes.

Primary LanguageJavaScript

Notes App

This is a simple Notes App project built using HTML, CSS, and JavaScript (with some parts written in SASS for improved styling). The application allows users to add, delete, search, and highlight notes.

Frameworks:

Table of Contents

Screenshots

1.Planning

planning 2
planning 1

2.UI

planning 2 planning 1

3.Responsive

planning 2 planning 2
planning 1 planning 1 planning 1

Features

  • Add Note: Users can add new notes with a title, author, and details.
  • Delete Note: Notes can be deleted individually.
  • Search: Users can search for specific notes using keywords.
  • Highlighting: Matching notes are highlighted for better visibility.
  • LocalStorage: Notes are saved in the browser's localStorage for persistence.

Installation

To run this project locally, follow these steps:

  1. Clone the repository:

    git clone <repository-url>
  2. Navigate to the project directory:

    cd notes-app
  3. Open the index.html file in your preferred web browser.

Usage

  • Adding a Note: Click on the "Add Note" button and fill in the title, author, and details of the note. Then, click "Add Note" or "Add Pinned Note" to add the note.
  • Deleting a Note: Click on the "Delete" button next to the note you want to delete.
  • Searching for Notes: Type keywords in the search bar to filter notes. Matching notes will be highlighted.
  • Viewing Note Details: Click on a note's title to view its details in the blog section.

Contributing

Contributions are welcome! If you find any bugs or want to suggest improvements, please open an issue or submit a pull request. Make sure to follow the code of conduct.

License

This project is licensed under the MIT License.

Contact