https://github.com/bakna2t/memoapp

A small web application that allows you to record daily memo and remind yourself of them
https://github.com/bakna2t/memoapp

Last synced: 3 months ago
JSON representation

A small web application that allows you to record daily memo and remind yourself of them

• Host: GitHub
• URL: https://github.com/bakna2t/memoapp
• Owner: bakNa2t
• Created: 2023-10-27T13:21:41.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-26T06:58:51.000Z (over 1 year ago)
• Last Synced: 2023-12-26T17:10:02.889Z (over 1 year ago)
• Language: CSS
• Homepage:
• Size: 209 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


 MemoApp

What has been implemented:



    
responsive design for mobile/tablet/desktop devices

    
switch dark/light theme cklicking button

    
minimalistic design with clear and user-friendly functionality

    


noscript tag activates when javascript is disabled on your browser and display the message

    
clicking on +ADD MEMO button the function onAddItemSubmit is called and new app elements are created when using JS DOM manipulation createElement and appendСhild



    
can't add an empty memo by clicking the +ADD MEMO button when input is empty or filled with Spacebar



    
using the filterItems function, an input filter has been implemented to search for added memos

    
adding new memos, a check is performed to identify duplicates memos using the function checkDuplicateItem



    
new memos are added to the DOM and localStorage of the browser. Using the getItemsFromStorage function, we check whether the items have already been added to  localStorage and if there is nothing there, add them

    
each memo has a icon  for removing it from the memo list. When clicking on the icon, a modal window pops up to confirm the deletion

    
using the function setItemToEdit, the editing mode is called when clicking on the memo and the UPDATE MEMO button is displayed instead of the +ADD MEMO button
 

    
after clicking on the UPDATE MEMO button, the memo is set to the top of the list

    
clicking on the CLEAR ALL and  buttons, a confirmation window pops up to confirm the removal of items

    
clicking on the CLEAR ALL button removes all memos from the DOM and localStorage when the function clearAllItems is called

    
added autoSetThemeMode function, which checks the current hour and automatically sets light/dark mode at a specific time between 6 a.m. and 18 p.m.

    
click here to try => MemoApp