Keeper App is a React-based note-keeping application where users can create, view, and delete notes effortlessly.
- Create Notes: Add new notes with a title and content.
- View Notes: Each note is displayed individually with its title and content.
- Delete Notes: Easily remove notes you no longer need.
- Clone the repository.
- Navigate to the project folder.
- Run
npm install
to install dependencies. - Run
npm start
to start the development server. - Open your browser at http://localhost:3000.
- App.jsx: Main component managing note state.
- Header.jsx: Displays the app name in an
<h1>
element. - Footer.jsx: Renders a footer with a dynamic copyright message.
- Note.jsx: Represents an individual note with a title and content.
-
Add Note Functionality:
- Create a constant for title and content.
- Pass the new note to App.
- Add the new note to an array.
- Render separate Note components for each item.
-
Delete Note Functionality:
- Implement a callback from Note to trigger delete.
- Use
filter
to remove the note. - Pass an ID for deletion.
- Styling: Enhance UI with CSS or styling library.
- Persistence: Implement local storage for note persistence.
- Editable Notes: Allow users to edit existing notes.