Giter Club home page Giter Club logo

notes-app's Introduction

Notes App

The Notes App is a simple web application built using JavaScript that allows users to add, edit, and remove notes. The app also supports archiving notes, and users can view and unarchive archived notes. Notes are organized into categories: "Task," "Random Thought," and "Idea."

Features

  • Add a new note with a title, content, and category.
  • Edit an existing note's content and category.
  • Remove a note from the list.
  • Archive notes to keep them separate from the active notes.
  • View and unarchive previously archived notes.
  • Display a summary table that counts notes by categories (separately for active and archived notes).

Installation

  1. Clone the repository to your local machine:

  2. Navigate to the project directory:

  3. Open the index.html file in your web browser to use the app.

Usage

  1. To add a new note, enter the note content in the input field and select a category from the dropdown. Click the "Add Note" button to add the note to the list.

  2. To edit an existing note, click the "Edit" button in the respective note's row. A prompt will appear allowing you to modify the note content and category. Click "OK" to save the changes.

  3. To remove a note, click the "Remove" button in the respective note's row. A confirmation dialog will appear to confirm the deletion. Click "OK" to remove the note from the list.

  4. To archive a note, click the "Archive" button in the respective note's row. The note will be moved to the archived notes list. Archived notes are not shown in the active notes list.

  5. To view archived notes, click the "Archived Notes" button at the top of the page. Archived notes will be displayed in a separate table.

  6. To unarchive a note, click the "Unarchive" button in the respective note's row in the archived notes table. The note will be moved back to the active notes list.

  7. The summary table at the bottom of the page shows the count of notes by category (separately for active and archived notes).

Technology Used

  • JavaScript
  • HTML
  • CSS

Notes

  • The app does not have data storage and is intended for demo purposes only. Any changes made will be lost when the page is reloaded.

Credits

The app was created by Dima Diachkov.

License

This project is licensed under the MIT License. Feel free to use, modify, and distribute the code as per the terms of the license.

notes-app's People

Contributors

dima-diachkov avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.