# 🧠 Personal MultiPlanner 🗓️
A full-stack **MERN** application that helps you stay organized, productive, and self-aware.  
This **MultiPlanner** includes:
- ✍️ MicroJournal — for daily one-line reflections
- ✅ Task Manager — to keep track of your todos
- ⏱️ Productivity Timer — to stay focused (Pomodoro-style)
- 🎯 Goal Manager — to break goals into subtasks and track progress visually
---
## 🚀 Features
- **MicroJournal:**  
  Log one-liner entries each day. Tracks your writing streak automatically.
- **Task Manager:**  
  Add, delete, and manage tasks. Stay on top of your priorities.
- **Productivity Timer:**  
  A simple focus timer to help you work in sprints.
- **Goal Tracker:**  
  Create long-term goals and break them down into subtasks.  
  Subtasks are markable via radio buttons. Progress is visualized as a percentage.  
  Completed subtasks are automatically greyed out.
---
## 🛠️ Tech Stack
**Frontend**
- React.js
- TailwindCSS
- React Router DOM
**Backend**
- Node.js
- Express.js
- MongoDB (via Mongoose)
---
## ⚙️ Setup Instructions
### 1. Clone the repository
```bash
git clone https://github.com/yourusername/multiplanner.git
cd multiplanner
```cd backend
npm installCreate a .env file in the /backend folder with the following:
PORT=5000
MONGO_URL=mongodb+srv://<your-username>:<your-password>@cluster.mongodb.net/multiplanner?retryWrites=true&w=majorityThen start the backend:
node server.js
# or
npx nodemon server.jscd ../frontend
npm install
npm run devmultiplanner/
├── backend/
│   ├── models/
│   │   ├── Entry.js
│   │   ├── Goal.js
│   │   ├── Task.js
│   ├── server.js
│   └── .env
└── frontend/
    ├── components/
    │   ├── GoalTracker.jsx
    │   ├── GoalForm.jsx
    │   ├── Journal.jsx
    │   ├── TaskManager.jsx
    │   └── ProductivityTimer.jsx
    ├── App.jsx
    └── main.jsx
- 📊 Progress charts
- 🛎️ Notifications/reminders
- 🔒 Authentication (Login/Signup)
- 📱 Mobile responsiveness
Made with ❤️ by Sundar C
This project is open source and available under the MIT License.