task_manager_app

Task manager app using React + Typescript

Project Specifications:

• Create task management site
• Build frontend with React and Typescript
• Build backend with Node and Express
• Utilize MongoDB for database

Features:

• Main page for user to view tasks planned for today, pending tasks, and completed tasks
• Add Task modal to create new tasks that are added to the pending list
• Drag and drop functionality to move tasks between today, pending, and completed lists
• Conditional styling for pending, past-due, and completed tasks

Installation

MongoDB

• Create a database 'tasks' with collection 'tasks'
• Import data from 'database-files': tasks.json

Frontend

cd frontend
npm install
npm run dev

Backend

cd backend
npm install
npm start