Here’s your README file in Markdown format with a well-structured overview:

TASK

Table of Contents

• Project Overview
• Screenshot
• Technologies Used
• Core Features
• Dependencies
• Environment Configuration
• Installation and Running Locally
• Live Project
• Relevant Resources

Project Overview

TASK is a task management application that allows users to efficiently manage their tasks. Users can create new tasks, track progress, and mark completed tasks. The drag-and-drop feature enhances usability by allowing easy task organization. This app helps users stay productive by providing a clear view of their to-do list, ongoing tasks, and completed work.

Screenshot

• Home Page ()
• Login Page ()

Technologies Used

Frontend:

• React
• React Router DOM
• Firebase

Backend:

• Node.js
• Express.js
• MongoDB

Utilities:

• Axios
• Date-fns
• React Hook Form
• React DND (Drag and Drop)

Core Features

• Add tasks
• Read tasks
• Update tasks
• Delete tasks
• Drag and drop tasks to change status

Dependencies

"dependencies": {
    "@tanstack/react-query": "^5.66.8",
    "axios": "^1.7.9",
    "date-fns": "^4.1.0",
    "firebase": "^11.3.1",
    "localforage": "^1.10.0",
    "lottie-react": "^2.4.1",
    "match-sorter": "^8.0.0",
    "react": "^19.0.0",
    "react-beautiful-dnd": "^13.1.1",
    "react-dom": "^19.0.0",
    "react-icons": "^5.5.0",
    "react-lottie": "^1.2.10",
    "react-router-dom": "^7.2.0",
    "sort-by": "^1.2.0",
    "sweetalert2": "^11.17.2"
},
"devDependencies": {
    "@eslint/js": "^9.19.0",
    "@types/react": "^19.0.8",
    "@types/react-dom": "^19.0.3",
    "@vitejs/plugin-react": "^4.3.4",
    "autoprefixer": "^10.4.20",
    "daisyui": "^4.12.23",
    "eslint": "^9.19.0",
    "eslint-plugin-react": "^7.37.4",
    "eslint-plugin-react-hooks": "^5.0.0",
    "eslint-plugin-react-refresh": "^0.4.18",
    "globals": "^15.14.0",
    "postcss": "^8.5.3",
    "tailwindcss": "^3.4.17",
    "vite": "^6.1.0"
}

Environment Configuration

VITE_apiKey=<Your Firebase API Key>
VITE_authDomain=<Your Firebase Auth Domain>
VITE_projectId=<Your Firebase Project ID>
VITE_storageBucket=<Your Firebase Storage Bucket>
VITE_messagingSenderId=<Your Firebase Messaging Sender ID>
VITE_appId=<Your Firebase App ID>

# API URL
VITE_API_URL=<Your API URL>

Installation and Running Locally

To set up the project locally, follow these steps:

1. Clone the repository

   git clone <repository-url>
   cd TASK

2. Install dependencies

   npm install

3. Set up environment variables

   • Create a .env file in the root directory.
   • Copy the environment variables from the "Environment Configuration" section and paste them into the .env file.

4. Run the development server

   npm run dev

5. Open http://localhost:5173 in your browser.

Live Project

Check out the live version of the project:
🔗 TASK Live Project

Relevant Resources

• React Documentation
• Node.js Documentation
• MongoDB Documentation
• Firebase Documentation
• Express.js Documentation

---