📝 Notes Application (React + Tailwind CSS)

A simple and elegant Notes Application built entirely inside a single App.jsx file using React and styled with Tailwind CSS. The app focuses on a minimal design and core functionality: adding and deleting notes with a beautiful UI.

---

🚀 Features

• ➕ Add Notes – Quickly create new notes.
• 🗑️ Delete Notes – Remove notes instantly.
• 🎨 Tailwind Styling – Modern, responsive, and clean UI with utility-first CSS.
• ⚡ Single File Simplicity – Entire app logic and UI contained in App.jsx.

---

🛠️ Tech Stack

• React – Component-based UI library.
• Tailwind CSS – Utility-first CSS framework for styling.

---

📂 Project Structure

NotesApplication/
│── public/
│   └── index.html
│── src/
│   ├── App.jsx   # All logic and UI here
│   └── index.js
└── package.json

---

⚙️ Installation & Setup

1. Clone the repository:

   git clone https://github.com/techmuskan/NotesApplication.git

2. Navigate to the project folder:

   cd notes-app

3. Install dependencies:

   npm install

4. Start the development server:

   npm start

5. Open in browser:

   http://localhost:5173
   

---

🎯 Learning Outcomes

• Practiced building a React app entirely in one file (App.jsx).
• Learned how to integrate Tailwind CSS for fast and beautiful styling.
• Strengthened understanding of state management and UI rendering in React.

---

📜 License

This project is licensed under the MIT License – feel free to use and modify it.

---