smart-goal-planner

🎯 Smart Goal Planner

Smart Goal Planner is a React-based web application that allows users to set, manage, and track personal savings goals. The app provides a simple interface for goal creation, deposit tracking, and an overview of total progress.

---

🌟 Features

• ✅ Create multiple savings goals
• 💸 Add deposits toward each goal
• 📊 View progress and total savings
• 💡 Organized components using React
• ⚙️ Built with JavaScript and CSS

---

🧱 Project Structure

smart-goal-planner/ ├── public/ │ └── index.html ├── src/ │ ├── components/ │ │ ├── App.jsx │ │ ├── GoalForm.jsx │ │ ├── GoalList.jsx │ │ ├── GoalCard.jsx │ │ ├── DepositForm.jsx │ │ └── Overview.jsx │ ├── index.js │ └── index.css ├── .gitignore ├── package.json └── README.md

---

🧑‍💻 Getting Started

1. Clone the Repository

```bash git clone https://github.com/your-username/smart-goal-planner.git cd smart-goal-planner

Install Dependencies npm install

---

Start Development Server npm start