{"id":21074564,"url":"https://github.com/shamikaredkar/sticky-notes","last_synced_at":"2026-04-18T13:33:57.222Z","repository":{"id":243437376,"uuid":"812423590","full_name":"shamikaredkar/Sticky-Notes","owner":"shamikaredkar","description":"A simple web app for creating, editing, and deleting sticky notes. Notes are stored in the browser's local storage for persistence.","archived":false,"fork":false,"pushed_at":"2024-06-08T21:39:47.000Z","size":1991,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-20T22:38:57.527Z","etag":null,"topics":["css","html","javascript","localstorage","notes-app","sticky-notes","vanilla-javascript","webapplication"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/shamikaredkar.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-06-08T21:12:05.000Z","updated_at":"2024-06-12T22:15:35.000Z","dependencies_parsed_at":"2024-06-08T22:27:32.278Z","dependency_job_id":"2493cc1a-06a7-4bf6-8e74-24a64af1d886","html_url":"https://github.com/shamikaredkar/Sticky-Notes","commit_stats":null,"previous_names":["shamikaredkar/stickynotes","shamikaredkar/sticky-notes"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shamikaredkar%2FSticky-Notes","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shamikaredkar%2FSticky-Notes/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shamikaredkar%2FSticky-Notes/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shamikaredkar%2FSticky-Notes/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/shamikaredkar","download_url":"https://codeload.github.com/shamikaredkar/Sticky-Notes/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243517319,"owners_count":20303604,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","html","javascript","localstorage","notes-app","sticky-notes","vanilla-javascript","webapplication"],"created_at":"2024-11-19T19:16:46.763Z","updated_at":"2026-04-18T13:33:57.185Z","avatar_url":"https://github.com/shamikaredkar.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Sticky Notes App\n\n![Sticky Notes App Demo](https://github.com/shamikaredkar/StickyNotes/blob/main/Preview.png)\n\n## Purpose\n\nThe Sticky Notes App is a simple web application that allows users to create, edit, and delete sticky notes. The notes are stored locally in the browser's local storage, so they persist even after the browser is closed or the page is refreshed.\n\n---\n\n## Features\n\n- Create new sticky notes\n- Edit existing sticky notes\n- Delete sticky notes\n- Notes are saved in the browser's local storage\n  \n---\n\n## Usage\n\n- Click the \"+\" button to add a new sticky note.\n- Click on a sticky note to edit its content.\n- Double-click a sticky note to delete it after confirmation.\n\n## Code Structure\n\n### HTML\n\n- `index.html`: The main HTML file that includes the structure of the app.\n\n### CSS\n\n- `src/main.css`: The CSS file that styles the sticky notes app.\n\n### JavaScript\n\n- `src/main.js`: The JavaScript file that handles the functionality of the app.\n\n## How It Works\n\n### HTML\n\nThe main container of the app is a `div` with the id `app`, which contains a button for adding new notes.\n\n### CSS\n\nThe CSS file styles the body, the main container, and the notes. It uses a grid layout to arrange the notes and provides styling for the note elements and the add note button.\n\n### JavaScript\n\nThe JavaScript file includes the following main functions:\n\n- `getNotes()`: Retrieves all notes from local storage.\n- `saveNotes(notes)`: Saves the given array of notes to local storage.\n- `createNoteElement(id, content)`: Creates a new textarea element to represent a sticky note.\n- `addNote()`: Adds a new note to the local storage and the DOM.\n- `updateNote(id, newContent)`: Updates the content of a specific note in local storage.\n- `deleteNote(id, element)`: Deletes a specific note from local storage and removes its element from the DOM.\n\n### Event Listeners\n\n- The `addNoteButton` has an event listener for the `click` event to add a new note.\n- Each note element has an event listener for the `change` event to update the note content in local storage.\n- Each note element has an event listener for the `dblclick` event to delete the note after confirmation.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshamikaredkar%2Fsticky-notes","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshamikaredkar%2Fsticky-notes","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshamikaredkar%2Fsticky-notes/lists"}