TaskMaster-MERN

TaskMaster-MERN is a dynamic to-do list application built with the MERN stack. It features a simple and intuitive interface with two main sections: one for displaying existing tasks and another for adding new ones via a form. The app supports full CRUD functionality, allowing users to create, read, update, and delete tasks.

🚀 Features

• Add, edit, and delete tasks.
• Display tasks in an organized list.
• Responsive and user-friendly UI.
• Full CRUD functionality with MongoDB.

🛠 Tech Stack

• Frontend: React, Vite
• Backend: Node.js, Express
• Database: MongoDB

📦 Installation

1️⃣ Clone the repository

git clone https://github.com/Espadv69/TaskMaster-MERN.git
cd TaskMaster-MERN

2️⃣ Install dependencies

Backend

cd backend
npm install

Frontend

cd frontend
npm install

3️⃣ Start the application

Backend

npm run dev

Frontend

npm run dev

🔧 Environment Variables

Create a .env file in the backend directory and add the following:

MONGO_URI=your_mongodb_connection_string
PORT=5000

📜 API Routes

Method	Endpoint	Description
GET	/tasks	Get all tasks
POST	/tasks	Create a new task
PUT	/tasks/:id	Update a task
DELETE	/tasks/:id	Delete a task

🎨 UI Preview

TaskFormPage ✍️

Responsive TaskFormPage ✍️

TaskListPage 👀

Responsive TaskListPage 👀

🤝 Contributing

Feel free to submit issues or pull requests to improve this project.

📄 License

This project is licensed under the MIT License.

---

Made with ❤️ by Espadv69