https://github.com/billalben/react-notes-app
simple react notes app
https://github.com/billalben/react-notes-app
react
Last synced: 3 months ago
JSON representation
simple react notes app
- Host: GitHub
- URL: https://github.com/billalben/react-notes-app
- Owner: billalben
- Created: 2024-04-30T18:16:55.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-06-17T16:38:20.000Z (12 months ago)
- Last Synced: 2025-01-07T18:43:49.117Z (5 months ago)
- Topics: react
- Language: JavaScript
- Homepage: https://billalben.github.io/react-notes-app/
- Size: 48.8 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Notes App
### Description
The Notes App is a simple and intuitive application built with React and Vite. It allows users to add, search, and delete notes. Users can also switch between dark and light modes for a better user experience. Notes are stored in the local storage to persist between sessions.
### Demo
You can see the project [**HERE**](https://billalben.github.io/react-notes-app/).
### Features
- **Add Notes:** Users can add new notes with ease.
- **Search Notes:** Users can search for specific notes.
- **Delete Notes:** Users can delete notes, with a confirmation popup to prevent accidental deletions.
- **Date Display:** Each note displays the date it was created.
- **Dark/Light Mode Toggle:** Users can switch between dark and light themes.
- **Local Storage:** Notes are stored in the browser's local storage, ensuring
they persist between sessions.
### Usage
- **Add a Note:** Click on the "Add Note" button and enter your note content.
- **Search for a Note:** Use the search bar to find specific notes by typing keywords.
- **Delete a Note:** Click the delete icon on a note, and confirm the deletion
in the popup.
- **Toggle Dark/Light Mode:** Use the toggle button to switch between dark and
light modes.
# React + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh