https://github.com/mynul-islam-madhurjo/note-taking-app-promises
https://github.com/mynul-islam-madhurjo/note-taking-app-promises
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/mynul-islam-madhurjo/note-taking-app-promises
- Owner: mynul-islam-madhurjo
- Created: 2024-11-10T07:26:24.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2024-11-10T07:49:08.000Z (12 months ago)
- Last Synced: 2025-06-29T18:03:12.980Z (4 months ago)
- Language: JavaScript
- Size: 2.93 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Note Taking App
A simple note-taking application built with vanilla JavaScript that demonstrates the use of localStorage, Promises, and asynchronous JavaScript.
## Live Demo
[View Live App](https://note-taking-app-promises.netlify.app/)
## Features
- Create notes with title and content
- Automatic saving to localStorage
- Delete unwanted notes
- Simulated async operations with loading states
- Responsive design
## Technologies Used
- HTML5
- CSS3
- Vanilla JavaScript
- localStorage for data persistence
- Promises & Async/Await
## Project Structure
```
note-taking-app/
│
├── index.html
├── styles.css
├── js/
│ ├── storage.js
│ ├── noteManager.js
│ └── app.js
└── README.md
```
## Learning Concepts Covered
- Working with localStorage
- Understanding Promises
- Asynchronous JavaScript
- Event Loop
- DOM Manipulation
## How to Use
1. Enter a title for your note
2. Write your note content
3. Click "Save Note" to save
4. Delete notes using the delete button
## Local Development
1. Clone this repository
2. Open `index.html` in your browser
3. Start creating notes!
---
Created as a learning project for practicing JavaScript concepts.