Skip to content

A simple note-taking app built with HTML, CSS, and Vanilla JavaScript. Users can add, view, update, and delete personal notes through a user-friendly interface.

Notifications You must be signed in to change notification settings

dilumsampath/Note-Taking-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Note-Taking Application

A simple note-taking app built with HTML, CSS, and Vanilla JavaScript. Users can add, view, update, and delete personal notes through a user-friendly interface.

Features

  • Add New Notes: Create new notes easily.
  • View Notes: View a list of all existing notes.
  • Update Notes: Edit and update the content of existing notes.
  • Delete Notes: Remove notes that are no longer needed.
  • User-Friendly Interface: Designed with a clean and responsive interface for a seamless user experience.

Installation

  1. Clone the repository:

    git clone https://github.com/yourusername/note-taking-app.git
  2. Navigate to the project directory:

    cd note-taking-app
  3. Open index.html in your preferred web browser.

Usage

  1. Adding a Note:

    • Click the "Add Note" button.
    • Enter the title and content of the note.
    • Click "Save" to add the note.
  2. Viewing Notes:

    • All notes will be displayed on the main screen.
  3. Updating a Note:

    • Click on the note you wish to update.
    • Edit the title and content.
    • Click "Save" to update the note.
  4. Deleting a Note:

    • Click on the "Delete" button on the note you wish to remove.

Screenshots

Screenshot of Note-Taking App

Contributing

Contributions are welcome! Please follow these steps:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature-branch).
  3. Commit your changes (git commit -m 'Add some feature').
  4. Push to the branch (git push origin feature-branch).
  5. Open a Pull Request.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Topics

note-taking html css javascript vanilla-javascript web-application frontend-development user-interface personal-notes task-management

About

A simple note-taking app built with HTML, CSS, and Vanilla JavaScript. Users can add, view, update, and delete personal notes through a user-friendly interface.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published