TaskBuddy is a full-stack task management application built using the MERN (MongoDB, Express.js, React, Node.js) stack. It helps users efficiently manage their daily tasks with a modern, user-friendly interface.
- 📌 Create, update, and delete tasks
- 🎯 Set task priorities (Low, Medium, High)
- 📅 Due date management
- 🔍 Filter tasks by status and priority
- 📊 Task statistics dashboard
- 🔒 Secure user authentication
- 💫 Modern and responsive UI
Live Demo Link - https://task-buddy-mern.vercel.app/
Before running this application, make sure you have the following installed:
-
Clone the repository:
git clone https://github.com/yourusername/TaskBuddyMern.git cd TaskBuddyMern -
Install server dependencies:
cd server npm install -
Install client dependencies:
cd ../client npm install
-
In the server directory, create a
.envfile:PORT=4000 MONGO_URI=your_mongodb_connection_string JWT_SECRET=your_jwt_secret
-
In the client directory, create a
.envfile:VITE_API_URL=http://localhost:4000
-
Start the server:
cd server npm start -
In a new terminal, start the client:
cd client npm run dev -
Open your browser and visit:
http://localhost:5173
-
Sign Up/Login:
- Create a new account or login with existing credentials
- Secure authentication using JWT
-
Dashboard:
- View task statistics
- Quick access to all, pending, and completed tasks
- Filter tasks by priority and due date
-
Task Management:
- Create new tasks with title, description, priority, and due date
- Update existing tasks
- Mark tasks as complete
- Delete unwanted tasks
-
Profile:
- View and update profile information
- Manage account settings
- React.js
- React Router DOM
- Axios
- Tailwind CSS
- Vite
- Node.js
- Express.js
- MongoDB
- Mongoose
- JWT Authentication
TaskBuddyMern/
├── client/ # Frontend React application
│ ├── src/
│ │ ├── components/ # Reusable components
│ │ ├── pages/ # Page components
│ │ └── assets/ # Static assets
│ └── public/ # Public assets
└── server/ # Backend Node.js application
├── config/ # Configuration files
├── controllers/ # Request handlers
├── models/ # Database models
├── routes/ # API routes
└── middleware/ # Custom middleware
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the project
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
Your Name
- GitHub: @saurabhjaykar1603
- LinkedIn: Saurabh Jaykar