Task Management Application

Live Link

Task Management App

GitHub Repositories

• Frontend: Task Client Repository
• Backend: Job Task Server Repository

Short Description

This is a task management application that allows users to organize, manage, and track tasks efficiently. The app provides features such as drag-and-drop task organization, user authentication, and real-time updates.

Dependencies

"dependencies": {
    "@hello-pangea/dnd": "^18.0.1",
    "@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-hot-toast": "^2.5.2",
    "react-icons": "^5.5.0",
    "react-router-dom": "^7.2.0",
    "sort-by": "^1.2.0",
    "sweetalert2": "^11.17.2"
}

Installation Steps

Backend Setup

1. Clone the backend repository:

   git clone https://github.com/AyshaUrmi0/JobTask-Server.git

2. Navigate to the backend folder:

   cd JobTask-Server

3. Install dependencies:

   npm install

4. Start the server:

   npm run dev

Frontend Setup

1. Clone the frontend repository:

   git clone https://github.com/AyshaUrmi0/Task_client.git

2. Navigate to the frontend folder:

   cd Task_client

3. Install dependencies:

   npm install

4. Start the development server:

   npm run dev

Technologies Used

• Frontend: React, React Router, React Query, Axios, Firebase, Tailwind CSS
• Backend: Node.js, Express.js, MongoDB
• Libraries: SweetAlert2, React Icons, React Beautiful DnD, Lottie React
• Hosting: Netlify (Frontend), Render (Backend)