Skip to content

MultiPlanner is a personal productivity tool built with the MERN stack. It combines a microjournal, task manager, productivity timer, and goal tracker — all in one app to help you stay focused and organized.

Notifications You must be signed in to change notification settings

Sundar2k4/MicroJournal

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 

Repository files navigation

# 🧠 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
```

2. Backend Setup

cd backend
npm install

Create 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=majority

Then start the backend:

node server.js
# or
npx nodemon server.js

3. Frontend Setup

cd ../frontend
npm install
npm run dev

📁 Folder Structure

multiplanner/
├── 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

✨ Future Ideas

  • 📊 Progress charts
  • 🛎️ Notifications/reminders
  • 🔒 Authentication (Login/Signup)
  • 📱 Mobile responsiveness

🧑‍💻 Author

Made with ❤️ by Sundar C


📃 License

This project is open source and available under the MIT License.


About

MultiPlanner is a personal productivity tool built with the MERN stack. It combines a microjournal, task manager, productivity timer, and goal tracker — all in one app to help you stay focused and organized.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published