A simple web application to manage daily tasks. This project demonstrates a full-stack application using React for the frontend, Node.js with Express for the backend, and MongoDB for the database.
- Create: Add new tasks.
- Read: View all tasks in a list.
- Update: Update task details.
- Delete: Delete tasks from the list.
- Frontend: React, Bootstrap
- Backend: Node.js, Express
- Database: MongoDB
- API Testing: Postman
- Node.js
- MongoDB
-
Clone the repository:
git clone /~https://github.com/Varunyadavgithub/Assignment-Task-manager.git
-
Navigate to the
backend
directory and install dependencies:cd backend npm install
-
Start the backend server:
npm start
The backend server will run on
http://localhost:8000
.
-
Navigate to the
frontend
directory and install dependencies:cd frontend npm install
-
Start the frontend server:
npm start
The frontend server will run on
http://localhost:3000
.
- Visit
http://localhost:3000
to access the application. - Use the "Add Task" button to create new tasks.
- View the list of tasks on the main page.
- Edit or delete tasks using the respective buttons on each task card.
- POST /tasks: Create a new task.
- GET /tasks: Retrieve all tasks.
- GET /tasks/:id: Retrieve a single task by ID.
- PUT /tasks/:id: Update a task by ID.
- DELETE /tasks/:id: Delete a task by ID.