{"id":25195000,"url":"https://github.com/souravpl8092/task-manager-app","last_synced_at":"2026-04-02T02:49:28.846Z","repository":{"id":276356669,"uuid":"928979703","full_name":"souravpl8092/Task-Manager-App","owner":"souravpl8092","description":"This is a Task Manager Application built using the MERN Stack with TypeScript. The app allows users to add, edit, delete, and filter tasks based on their status. ","archived":false,"fork":false,"pushed_at":"2025-02-07T17:59:40.000Z","size":233,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-07T18:49:00.795Z","etag":null,"topics":["axios","bycrypt","cors","css3","dotenv","expressjs","joi-validation","jwt-authentication","middleware","mongodb","moongose","nodejs","react","react-redux","react-router-dom","react-toastify","react-tooltip","redux-thunk","redux-toolkit","typescript"],"latest_commit_sha":null,"homepage":"https://tasks-manager-app-six.vercel.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/souravpl8092.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-02-07T15:35:17.000Z","updated_at":"2025-02-07T18:01:07.000Z","dependencies_parsed_at":"2025-02-07T18:49:04.091Z","dependency_job_id":"4131e329-1a65-4efe-93ef-7f814e06ab05","html_url":"https://github.com/souravpl8092/Task-Manager-App","commit_stats":null,"previous_names":["souravpl8092/task-manager-app"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/souravpl8092%2FTask-Manager-App","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/souravpl8092%2FTask-Manager-App/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/souravpl8092%2FTask-Manager-App/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/souravpl8092%2FTask-Manager-App/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/souravpl8092","download_url":"https://codeload.github.com/souravpl8092/Task-Manager-App/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247198469,"owners_count":20900081,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["axios","bycrypt","cors","css3","dotenv","expressjs","joi-validation","jwt-authentication","middleware","mongodb","moongose","nodejs","react","react-redux","react-router-dom","react-toastify","react-tooltip","redux-thunk","redux-toolkit","typescript"],"created_at":"2025-02-10T00:40:42.104Z","updated_at":"2025-12-30T19:11:39.955Z","avatar_url":"https://github.com/souravpl8092.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Task Manager App\n\n## 📌 Overview\nThis is a **Task Manager Application** built using the **MERN Stack** with **TypeScript**. The app allows users to add, edit, delete, and filter tasks based on their status. The frontend is built with React, Redux, and Framer Motion for animations, while the backend handles authentication and CRUD operations.\n\n\u003ctable\u003e\n\u003ctr\u003e\n    \u003ctd\u003e\n      \u003ch2 align=\"center\"\u003eHome Page\u003c/h2\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\n      \u003cimg src=\"https://i.imgur.com/Payapej.png\" alt=\"Home Page\"\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003ctable\u003e\n\u003ctr\u003e\n    \u003ctd\u003e\n      \u003ch2 align=\"center\"\u003eSign up Page\u003c/h2\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\n      \u003cimg src=\"https://i.imgur.com/kK4hBBg.png\" alt=\"signup Page\"\u003e\n    \u003c/td\u003e \n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\n\u003ctable\u003e\n\u003ctr\u003e\n    \u003ctd\u003e\n      \u003ch2 align=\"center\"\u003eLogin Page\u003c/h2\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\n      \u003cimg src=\"https://i.imgur.com/qJUfzf1.png\" alt=\"Login Page\"\u003e\n    \u003c/td\u003e \n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003ctable\u003e\n\u003ctr\u003e\n    \u003ctd\u003e\n      \u003ch2 align=\"center\"\u003eCreate new task Form\u003c/h2\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\n      \u003cimg src=\"https://i.imgur.com/Ovfkg57.png\" alt=\"Create new task Form\"\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003ctable\u003e\n\u003ctr\u003e\n    \u003ctd\u003e\n      \u003ch2 align=\"center\"\u003eEdit Form\u003c/h2\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\n      \u003cimg src=\"https://i.imgur.com/dNNepqi.png\" alt=\"Edit Form\"\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003ctable\u003e\n\u003ctr\u003e\n    \u003ctd\u003e\n      \u003ch2 align=\"center\"\u003eTaskList Page large screen size view\u003c/h2\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\n      \u003cimg src=\"https://i.imgur.com/7ORkUhL.png\" alt=\"\u003elarge screen size View\"\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003ctable\u003e\n\u003ctr\u003e\n    \u003ctd\u003e\n      \u003ch2 align=\"center\"\u003eTaskList Page medium screen size view\u003c/h2\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\n      \u003cimg src=\"https://i.imgur.com/ct6roH9.png\" alt=\"\u003emedium screen size View\"\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003ctable\u003e\n\u003ctr\u003e\n    \u003ctd\u003e\n      \u003ch2 align=\"center\"\u003eTaskList Page small screen size view\u003c/h2\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\n      \u003cimg src=\"https://i.imgur.com/zKZKzkf.png\" alt=\"\u003esmall screen size View\"\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003cbr/\u003e\n\n## 🚀 Features\n- ✅ **Create, Read, Update, Delete (CRUD)** tasks\n- 🔍 **Search and filter** tasks by name or status\n- 🎨 **Smooth animations** using Framer Motion\n- 🛡️ **Authentication \u0026 Authorization** (JWT-based)\n- 📄 **Redux for state management**\n- ⚡ **Optimized API calls** with loading indicators\n\n## 📂 Folder Structure\n\n```\nTaskManagerApp/\n│── server/               # Backend (Node.js + Express + MongoDB)\n│   ├── controllers/      # Controller functions for handling requests\n│   ├── models/           # Mongoose models\n│   ├── routes/           # API routes\n│   ├── middleware/       # Authentication \u0026 other middleware\n│   ├── config/           # Database configuration\n│   ├── server.ts         # Main server file\n│\n│── client/               # Frontend (React + TypeScript)\n│   ├── public/           # Public assets (HTML, images, etc.)\n│   ├── src/\n│   │   ├── api/          # API functions for communicating with backend\n│   │   ├── components/   # Reusable React components\n│   │   ├── pages/        # Page components (TaskList, Login, Dashboard)\n│   │   ├── routes/       # Routing configurations\n│   │   ├── store/        # Redux store \u0026 slices\n│   │   ├── styles/       # CSS styles\n│   │   ├── utils/        # Utility functions (axios config)\n│   │   ├── App.tsx       # Main application component\n│   │   ├── index.tsx     # Entry point of React app\n│\n│── .gitignore             # Files to ignore in Git\n│── package.json           # Dependencies and scripts\n│── README.md              # Project documentation\n│── tsconfig.json          # TypeScript configuration\n```\n\n## 🛠️ Tech Stack\n- **Frontend:** React, TypeScript, Redux, Framer Motion\n- **Backend:** Node.js, Express.js, MongoDB\n- **Authentication:** JWT (JSON Web Token)\n- **State Management:** Redux Toolkit\n- **Styling:** CSS, Framer Motion (for animations)\n\n## 🚀 Installation \u0026 Setup\n\n### 1️⃣ Clone the Repository\n```sh\ngit clone https://github.com/souravpl8092/Task-Manager-App.git\ncd task-manager-app\n```\n\n### 2️⃣ Install Dependencies\n#### Backend:\n```sh\ncd backend\nnpm install\n```\n\n#### Frontend:\n```sh\ncd frontend\nnpm install\n```\n\n### 3️⃣ Setup Environment Variables\nCreate a `.env` file in the `backend` directory and add:\n```sh\nMONGO_URI=your_mongodb_connection_string\nJWT_SECRET=your_secret_key\n```\n\n### 4️⃣ Run the Application\n#### Start the Backend:\n```sh\ncd backend\nnpm run dev\n```\n\n#### Start the Frontend:\n```sh\ncd frontend\nnpm start\n```\n\n---\n\n## API Endpoints\n| Method | Endpoint         | Description              |\n|--------|-----------------|--------------------------|\n| POST   | /api/auth/login  | User login              |\n| POST   | /api/auth/register | User registration   |\n| GET    | /api/tasks       | Fetch all tasks         |\n| POST   | /api/tasks       | Create a new task       |\n| PUT    | /api/tasks/:id   | Update a task          |\n| DELETE | /api/tasks/:id   | Delete a task          |\n\n---\n\n\n## 🔥 Usage\n- Register/Login to access the dashboard.\n- Add new tasks, edit them, delete them, or mark them as completed.\n- Use the search bar to find specific tasks.\n- Filter tasks by status (Pending/Completed).\n\n## 📝 Contributing\nIf you want to contribute:\n1. Fork the repository\n2. Create a new branch (`feature-branch`)\n3. Commit changes and push the branch\n4. Open a pull request\n\n## 📜 License\nThis project is licensed under the **MIT License**.\n\n---\n\nMade with ❤️ by **Sourav Paul**\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsouravpl8092%2Ftask-manager-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsouravpl8092%2Ftask-manager-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsouravpl8092%2Ftask-manager-app/lists"}