The Task Manager Application is a full-stack web application designed to help users manage tasks efficiently. Built using Node.js, Express, and MongoDB, the application allows users to create, view, update, and delete tasks with ease. It features a simple and intuitive user interface for streamlined task management.
- Features
- Technologies Used
- Getting Started
- Installation
- Usage
- Project Structure
- Contributing
- License
- Create Tasks: Add new tasks with descriptions and due dates.
- View Tasks: See a list of all tasks, along with their status.
- Update Tasks: Mark tasks as completed or edit task details.
- Delete Tasks: Remove tasks that are no longer needed.
- Responsive Design: Optimized for both desktop and mobile users.
- Node.js: JavaScript runtime used for building the server-side logic.
- Express.js: Web framework for creating server-side applications.
- MongoDB: NoSQL database for storing task data.
- Mongoose: ODM library for MongoDB, used for schema-based solutions.
- HTML, CSS, JavaScript: Front-end technologies for the user interface.
Make sure you have the following installed on your machine:
- Node.js (version 14 or higher) - Install Node.js
- MongoDB - Install MongoDB
-
Clone the repository:
git clone https://github.com/your-username/task-manager-app.git
-
Navigate to the project directory:
cd task-manager-app
-
Install dependencies:
npm install
-
Set up MongoDB: Ensure MongoDB is running locally on your machine or configure the app to use a remote MongoDB instance by updating the MongoDB URI in the
.env
file. -
Create a
.env
file: Create a.env
file in the root directory and add the following content:PORT=3000 MONGODB_URI=your-mongodb-uri
-
Start the server:
npm start
-
Access the application: Open your browser and navigate to
http://localhost:3000
to use the Task Manager Application.
- Create a Task: Use the form to add a task with a title, description, and optional due date.
- View Tasks: Browse the task list to see all the tasks with their current statuses.
- Update Task: Click the "Edit" button to update task details or mark it as completed.
- Delete Task: Click the "Delete" button to remove a task from the list.
task-manager-app/
├── models/ # MongoDB models
├── public/ # Static files (CSS, JS)
├── routes/ # API routes
├── .gitattributes # Git attributes
├── .gitignore # Git ignore file
├── Gruntfile.js # Grunt configuration file
├── README.md # Project documentation
├── package-lock.json # Lock file for project dependencies
├── package.json # Project dependencies and scripts
└── server.js # Main application file
Contributions are welcome! Here's how you can contribute:
- Fork the repository.
- Create a new branch for your feature (
git checkout -b feature-name
). - Commit your changes (
git commit -m 'Add new feature'
). - Push to your branch (
git push origin feature-name
). - Open a pull request.
This project is licensed under the MIT License. See the LICENSE file for details.