Skip to content

25Priscilla/Syntecxhub_NotesApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📝 Notes App – SyntecxHub Internship (Week 1 Project)

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


🚀 Live Features

✅ Add Note

Users can type and add notes to the list.

✅ Edit Note

Clicking “Edit” puts the selected note back into the input box.

✅ Delete Note

Notes can be easily deleted with a single click.

✅ Auto Input Focus

useRef ensures the input field always stays active for better UX.

✅ Permanent Storage

Notes are stored in localStorage, so they remain saved even after refreshing the page.


🛠️ Tech Stack

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

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors