Keeper 📝

A simple and elegant note-taking web app inspired by Google Keep, built with React.

🚀 Features

• Create, edit, and delete notes with ease.

• Real-time rendering of all notes as you work.

• Responsive design for desktop and mobile viewports.

• Clean UI layout: grid-style cards with expandable forms.

• Easily extendable and customizable.

🧩 Technologies

• React – function- and hook-based components

• HTML5 & CSS3 – styled with modern, minimalist design

• LocalStorage – for persisting notes across browser sessions

⚙️ Setup Instructions

1. Clone the repo

git clone https://github.com/rich-programmer291/Keeper.git
cd Keeper

2. Install dependencies

npm install

3. Start the dev server npm start

Visit http://localhost:3000 in your browser to view the app.

🛠️ How It Works

• App.js maintains the list of notes in state.

• When you add a note via NoteForm, it's appended to state and re-renders the list.

• You can delete any note via a button on the Note component.

• Optionally, the app can sync notes to LocalStorage, preserving them across sessions.

📌 Potential Enhancements

• Looking for ideas to level it up:

• Add Editing capability (click a note to edit title/content).

• Introduce tagging or labeling of notes.

• Implement search and filter functionality.

• Allow adding images to notes.

• Integrate with a backend (using Firebase or Express/Node.js + MongoDB) to store notes permanently.

Screenshot