https://github.com/ibad-hussain/draft-notessavingapp

A simple React Notes App with Redux Toolkit and localStorage. Create, edit, delete, and search notes with persistent state management.
https://github.com/ibad-hussain/draft-notessavingapp

draft localstorage notes-app react redux-toolkit toastify

Last synced: 26 days ago
JSON representation

A simple React Notes App with Redux Toolkit and localStorage. Create, edit, delete, and search notes with persistent state management.

• Host: GitHub
• URL: https://github.com/ibad-hussain/draft-notessavingapp
• Owner: ibad-hussain
• Created: 2025-04-12T12:58:42.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-04-12T13:12:04.000Z (about 1 year ago)
• Last Synced: 2025-06-10T14:13:54.119Z (11 months ago)
• Topics: draft, localstorage, notes-app, react, redux-toolkit, toastify
• Language: JavaScript
• Homepage: https://draft-notes-app.vercel.app
• Size: 149 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Draft - Notes Saving App

## 🚀 Overview

A simple and efficient notes app built with **React JS** that allows users to add, edit, delete, and search through their notes. The application leverages **Redux Toolkit** for managing the app's state, and it saves the notes in the browser's `localStorage`, ensuring that the notes persist even after the page reloads.




## 🚀 Screenshots

![Project screenshot](./Project_screenshots/Image1.png)





![Project screenshot](./Project_screenshots/Image2.png)




## 🚀 Features

- **Create, edit, and delete notes:** Users can easily manage their notes with intuitive UI controls.

- **Search notes:** Users can search through their notes quickly by typing keywords. The app filters and displays matching notes in real-time.

- **Persistent storage with localStorage:** All notes are saved in the browser's `localStorage`, ensuring data is not lost between sessions.

- **State management with Redux Toolkit:** Efficient and scalable state management with Redux Toolkit.




## 🚀 Tech Stack

- **Frontend:** React JS

- **Styling:** Vanilla CSS

- **Storage:** localStorage




## 🚀 Deployment

The app is deployed on Vercel and can be accessed via:




https://draft-notes-app.vercel.app/




## 🚀 Contact

- LinkedIn: www.linkedin.com/in/ibadhussain