Task Management Application

Welcome to the Task Management Application! This application allows users to create, read, and update tasks. Each task has a title, description, and due date. Users need to register to use the application.

Folder Structure

``` task-management-app │

├── client (Vite React App)

│ ├── src

│ │ ├── components

│ │ ├── states

│ │ ├── pages

│ │ ├── App.jsx

│ │ └── ...

│ ├── .gitignore

│ ├── package.json

│ └── ...

│

├── server (Express Node and MongoDB Backend)

│ ├── routes

│ │ ├── routes.js

│ │ ├──

│ │ └── ...

│ ├── model

│ │ ├── User.js

│ │ ├──

│ │ └── ...

│ ├── config

│ │ ├── db.js

│ │ └── ...

│ ├── middleware

│ │ ├── authenticateUser.js

│ │ └── ...

│ ├── server.js

│ ├── package.json

│ └── ...

│

├── .gitignore

├── README.md

└── ... ```

Getting Started

Prerequisites

• Node.js installed
• npm or yarn package manager
• MongoDB installed

Installation

1. Clone the repository:

   ```bash git clone https://github.com/cripttion/taskmanagement.git ```

2. Navigate to the project folder:

   ```bash cd task-management-app ```

3. Install client dependencies:

   ```bash cd client npm install

   or

   yarn install ```

4. Install server dependencies:

   ```bash cd ../server npm install

   or

   yarn install ```

5. Set up the backend:

   • Create a `.env` file in the `server` folder and configure MongoDB connection details.

     ```env MONGODB_URI=your_mongodb_connection_uri ```

   • Ensure MongoDB is running.

6. Start the client:

   ```bash cd ../client npm run dev

   or

   yarn dev ```

   Open your browser and visit http://localhost:3000 to access the client application.

7. Start the server:

   ```bash cd ../server npm start ```

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

Usage

1. Register/Login:

   • Users need to register or log in to access the task management features.

2. View Tasks:

   • Upon logging in, users can view their existing tasks.

3. Create a Task:

   • Click on the "Add Task" button to create a new task.
   • Enter the task details: title, description, and due date.

4. Update a Task:

   • Click on the task to view its details.
   • Update the task information as needed and save the changes.

5. Delete a Task:

   • To delete a task, click on the task and select the delete option.

Technologies Used

• Frontend:

  • React.js with Vite
  • Axios for API requests
  • State management library (if applicable)
  • Any other libraries or frameworks used

• Backend:

  • Node.js with Express
  • MongoDB for database
  • Authentication middleware (if applicable)

Contributing

Contributions are welcome! If you'd like to contribute to the project, please follow these steps:

1. Fork the repository
2. Create a new branch (`git checkout -b feature/your-feature`)
3. Make your changes and commit them (`git commit -m 'Add some feature'`)
4. Push to the branch (`git push origin feature/your-feature`)
5. Open a pull request

License

This project is licensed under the MIT License. EOF