This is a Task Management Application developed using the MERN stack (MongoDB, Express, React, Node.js). The application allows users to manage tasks by adding, editing, and deleting them. Each task includes a title, description, due date, and completion status.

• Prerequisites
• Installation
• Setting Up the Database
• Running the Application
• Usage
• Technologies Used
• Acknowledgements

• Node.js and npm
• MongoDB

1. Clone the repository for backend from here:

   git clone https://github.com/NazimNasser/mern-task-app.git
   
   or for SSH:
   
   git clone [email protected]:NazimNasser/mern-task-app.git
   cd mern-task-app
   

2. Clone the repository for frontend from here:

   git clone https://github.com/NazimNasser/mern-task-app-frontend.git
   
   or for SSH
   
   git clone [email protected]:NazimNasser/mern-task-app-frontend.git
   cd mern-task-app
   

3. Install backend dependencies:

   cd backend
   npm install
   

4. Install frontend dependencies:

   cd /frontend
   npm install
   

Configure the backend environment:

1. Create a .env file in the backend directory.

2. Add your MongoDB connection URI to the .env file:

   MONGODB_URI='mongodb+srv://NazimNasser:[email protected]/taskManagement?retryWrites=true&w=majority'
   

Start the backend and frontend servers:

1. Start the backend server:

   cd backend
   npm run dev or npm start
   

The backend server will be running at http://localhost:5000.

2. In a separate terminal, start the frontend development server:

   cd frontend
   npm run dev
   

The frontend development server will be running at http://localhost:3000.

3. Open your web browser and go to http://localhost:3000 to access the Task Management Application.

• Use the user interface to add, edit, and delete tasks.
• Mark tasks as completed by toggling the checkbox.
• Sort tasks in ascending or descending order by clicking the "Sort" button.
• Show/hide completed tasks using the "Show Completed" button.
• Filter tasks by due date using the date picker.

• Frontend: Next.js, React, Redux Toolkit, Yup, Formik, Tailwind CSS
• Backend: Node.js, Express, MongoDB