https://github.com/thounny/wirednotes

A CRUD (Create, Read, Update, Delete) note-taking application using vanilla JavaScript.
https://github.com/thounny/wirednotes

Last synced: about 1 month ago
JSON representation

A CRUD (Create, Read, Update, Delete) note-taking application using vanilla JavaScript.

• Host: GitHub
• URL: https://github.com/thounny/wirednotes
• Owner: thounny
• Created: 2024-07-23T19:09:54.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-07-31T21:18:22.000Z (5 months ago)
• Last Synced: 2024-08-01T01:27:04.386Z (5 months ago)
• Language: JavaScript
• Homepage: https://wired-notes.vercel.app/
• Size: 85 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# WiredNotes - Simple Note Taking App

#### Description:

Create a CRUD (Create, Read, Update, Delete) note-taking application using vanilla JavaScript. This application will enable users to manage their notes effectively by allowing them to add new notes, view existing notes, update notes, and delete notes as needed. The app will store notes locally on the user's device, providing a simple and intuitive interface for managing personal notes.

## Key Features

- **Create:** Users can add new notes by entering text into an input field and clicking a "Save" button.

- **Read:** Existing notes will be displayed in a list format, showing the title and content of each note.

- **Update:** Users can edit the content of existing notes by clicking on them, making changes, and saving the updates.

- **Delete:** Notes can be deleted individually by clicking a "Delete" button associated with each note.

## Additional Features

- **Local Storage:** Notes will be stored locally using the browser's local storage API, ensuring that users can access their notes even after closing the browser.

- **Responsive Design:** The app will be responsive and work seamlessly across different devices and screen sizes.

- **User-Friendly Interface:** Intuitive controls and clear visual feedback will ensure ease of use for all users.

## Technologies Used

- **Frontend:** HTML, CSS, JavaScript (ES6+)

- **Storage:** Local Storage API for persistent data storage

- **Framework/Libraries:** Vanilla JavaScript (no external libraries or frameworks)

## Project Goals

- To create a functional CRUD application that demonstrates proficiency in JavaScript DOM manipulation and local storage handling.

- To provide a practical tool for users to manage and organize their notes efficiently.

## Deliverables

- Fully functional CRUD operations for notes (Create, Read, Update, Delete)

- Responsive web application accessible via a web browser

## Future Enhancements

- Implementing user authentication for secure note management

- Adding search and filter functionalities for organizing notes

- Allowing users to categorize notes or add tags for better organization

## Project Dependencies

- Web browser with support for JavaScript and Local Storage API

- Code editor for development (e.g., VS Code, Sublime Text)

## Success Criteria

- Appropriate functioning of CRUD operations without errors

- Positive user feedback on usability and performance

- Completion of project milestones within the specified timeline