A simple note-taking web application built with React and Material-UI. Users can add, view, and delete notes. Each note is uniquely identified using UUIDs for reliable management.
- Add and delete notes
- Responsive UI with Material-UI
- Unique note IDs using uuid
-
Clone the repository:
git clone https://github.com/your-username/keeper-app.git cd keeper-app
-
Install dependencies:
npm install
-
Install Material-UI and UUID:
npm install @mui/material @emotion/react @emotion/styled @mui/icons-material uuid
-
Start the development server: npm start
-
Open http://localhost:3000 in your browser.
- Click on "Take a note..." to expand the note creation area.
- Enter a title and content, then click the "+" button to add the note.
- Click the delete icon on a note to remove it.
- You can extend the app to support editing notes, user authentication, or backend integration (e.g., with PostgreSQL).