This is a simple and clean Notes App built using React.js as part of the SyntecxHub Web Development Internship – Week 1 Task.
The app allows users to:
✔ Add notes
✔ Edit notes
✔ Delete notes
✔ Automatically focus input using useRef
✔ Save notes permanently using localStorage
✔ Use useState for managing data
✔ Fully responsive and clean UI
Users can type and add notes to the list.
Clicking “Edit” puts the selected note back into the input box.
Notes can be easily deleted with a single click.
useRef ensures the input field always stays active for better UX.
Notes are stored in localStorage, so they remain saved even after refreshing the page.
| Technology | Purpose |
|---|---|
| React.js | Main UI framework |
| useState | Manage notes, input, edit state |
| useRef | Auto-focus input field |
| useEffect | Load & save notes to localStorage |
| CSS | Styling |