https://github.com/demonrishabh/javascript-take-notes

Cool looking Notes Taking app
https://github.com/demonrishabh/javascript-take-notes

css html javascript local-storage

Last synced: 6 months ago
JSON representation

Cool looking Notes Taking app

• Host: GitHub
• URL: https://github.com/demonrishabh/javascript-take-notes
• Owner: DEMONRISHABH
• Created: 2024-04-08T06:20:26.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-06-09T16:57:07.000Z (over 1 year ago)
• Last Synced: 2025-01-29T13:47:39.681Z (11 months ago)
• Topics: css, html, javascript, local-storage
• Language: JavaScript
• Homepage:
• Size: 15.6 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## JavaScript Take Notes!  

You can write anything on the Note, it features text styling tools to help you write notes the way you want them to look like.  

### Features  

  - Notes can be **Dragged and Dropped** after you hold them for a certain amount of time.  

  - Notes can be **Dropped** to the **Side-Bar** to store them, this can be **Opened** and **Closed**.  

  - There is no **limit** for how many Notes are saved.  

  - The page will **Auto-Generate** a new Note.  

  - In order to **edit** a Note, it must be **placed** on the main page area.   

  - Notes can be **Deleted** when they are on edit mode.  

  - Notes can be **Added** when the main page area is **empty**.  

  - By **Highlighting** a text, you can use the **Text Styling Buttons** to:  

    - Align text to the **Left**, **Center**, or **Right**.  

    - Change the style of the text to **Bold**, **Underlined**, or **Italic**.  

    - Insert **Bullet Points**.  

    - And **Save** your notes.  

  - Save all data to **local storage**.  

  - Nice animations.    

    

This was made with only pure **vanilla JavaScript**.