Taskflow is a lightweight, full-stack web application that helps users manage daily tasks efficiently. Built with Flask and MongoDB, Taskflow lets you create, view, update, and delete tasks in real time through a clean, responsive web interface. It was developed as part of the WebX Continuous Assessment to demonstrate practical skills in backend-driven web development.
✅ Simplify daily task management ✅ Practice RESTful API development using Flask ✅ Use MongoDB for flexible NoSQL data handling ✅ Demonstrate real-time frontend-backend integration ✅ Lay the foundation for scalable task management solutions
Managing daily tasks can be challenging with manual methods like sticky notes or scattered apps. Taskflow addresses this by offering a centralized, responsive, and real-time task manager that works seamlessly on desktop and mobile browsers.
📝 Create new tasks with title & description 📋 View all tasks in a dynamic list ✏️ Edit task details and status (Pending/Completed) 🗑️ Delete tasks easily 🔗 Real-time updates without page reloads 🗄️ Secure data storage using MongoDB ⚙️ RESTful API for CRUD operations 🔍 API testing with Postman
Backend:
- Built with Flask, using PyMongo to connect to MongoDB.
- Exposes RESTful API endpoints for all CRUD operations.
- Uses JSON for data exchange between client and server.
Frontend:
- Built with HTML, CSS, and Vanilla JavaScript.
- Uses Fetch API to communicate with the backend asynchronously.
- Dynamic DOM updates for smooth user experience.
Data: Each task is stored as a document in MongoDB with fields:
title(String)description(String)status(Pending/Completed)timestamps(created/updated)
| Frontend | Backend | Database |
|---|---|---|
| HTML, CSS, JavaScript | Flask (Python), PyMongo | MongoDB |
🛠️ Built a fully functional, backend-driven web app 💻 Hands-on experience with Flask, PyMongo & REST APIs 📡 Real-time updates with async Fetch API 📑 Clean, modular code with future extensibility 📚 Strengthened understanding of NoSQL data structures
🔒 Add user authentication for personalized task lists 📆 Integrate due dates & reminders 🗂️ Implement task categories & sorting 🚀 Deploy backend on Render & frontend on Vercel
Feel free to fork this project, contribute, and build your own advanced task manager on top of Taskflow. Happy Coding! 💻✨