A simple task manager application built with MongoDB, Express.js, React, and Node.js (MERN stack). This application enables users to create, view, update, and delete tasks, providing an easy way to manage daily activities.
- Create Task: Add a task with a title, description, and completion status.
- View Tasks: Display all tasks in a list.
- Update Task: Edit task details, such as title, description, or completion status.
- Delete Task: Remove tasks individually.
- Frontend: React.js
- Backend: Express.js (Node.js)
- Database: MongoDB
- Other Tools: Axios, Mongoose
Make sure you have the following installed on your system:
- Node.js (v14 or higher) - Download Node.js
- MongoDB (local or cloud setup) - Download MongoDB
Follow these steps to run the application locally:
git clone https://github.com/JatinPhogat/task-manager.git
cd task-managerNavigate to the backend directory and install the required packages:
cd backend
npm install
Frontend Dependencies Navigate to the frontend directory and install the required packages:
cd ../frontend
npm install
Start MongoDB Ensure MongoDB is running. Use the following command if MongoDB is installed locally: .env (Optional)
- If you are using a cloud database or want to use custom environment variables, create a .env file in the backend directory and add the following:
MONGODB_URI=your_mongodb_connection_stringStart the Backend Server Navigate to the backend directory and start the server:
cd backend
npm start
for frontend
cd ../frontend
npm start
The frontend will run at
http://localhost:3000
Port Conflict: If ports 3000 is already in use, update the configuration: For the backend, change the PORT in the .env file. For the frontend, update the proxy setting in frontend/package.json. MongoDB Connection Issues: Ensure that MongoDB is running locally or that your connection string in .env is correct.