🗒 Keeper App

A modern React + Vite project demonstrating a note-keeping app with dynamic state management using React Hooks.
Users can add, view, and delete notes in real time. Each component has its own CSS file for better maintainability, while styles.css serves as a reference for the overall styling.

---

🧠 Project Overview

This project was built to practice:

• React functional components
• Controlled inputs with useState
• Dynamic rendering of lists
• Component-based CSS for modular styling
• Using Material UI (MUI) components for interactive UI elements
• Maintaining a reference styles.css file for global/general styling patterns

---

⚙️ Features

• Add new notes with a title and content
• Expand the input area when typing
• Delete notes individually
• Clean and modern design with floating notes
• Responsive and interactive UI using Material UI icons and components

---

💻 Technologies Used

• ⚛️ React (Vite)
• 💅 CSS Modules for individual components (Header.css, Footer.css, Note.css, CreateArea.css)
• 🌐 Material UI (MUI) (@mui/material, @mui/icons-material)
• 🧠 React Hooks (useState)
• 🧩 ES6+ JavaScript (spread operator, arrow functions, destructuring)
• 🗂 styles.css as a reference for global styling