{"id":20807249,"url":"https://github.com/dev-sathya17/project-management-tool-frontend","last_synced_at":"2025-09-19T07:37:47.928Z","repository":{"id":249534022,"uuid":"831706481","full_name":"dev-sathya17/Project-management-tool-frontend","owner":"dev-sathya17","description":"Frontend developed for Pro-Manager, a project management tool, using React.JS, context API for global state management with theme switching and file upload features and an interactive kanban board.","archived":false,"fork":false,"pushed_at":"2024-08-03T11:43:06.000Z","size":382,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-22T02:54:22.002Z","etag":null,"topics":["axios-react","context-api","css","customhooksreact","dnd-kit","kanban-board","react-icons","react-router","reactjs","recharts-js","responsive-web-design"],"latest_commit_sha":null,"homepage":"https://pro-manager-tool.netlify.app/","language":"JavaScript","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/dev-sathya17.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":"2024-07-21T11:42:53.000Z","updated_at":"2025-02-23T10:53:00.000Z","dependencies_parsed_at":"2024-08-03T11:57:53.612Z","dependency_job_id":null,"html_url":"https://github.com/dev-sathya17/Project-management-tool-frontend","commit_stats":null,"previous_names":["dev-sathya17/project-management-tool-frontend"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/dev-sathya17/Project-management-tool-frontend","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dev-sathya17%2FProject-management-tool-frontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dev-sathya17%2FProject-management-tool-frontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dev-sathya17%2FProject-management-tool-frontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dev-sathya17%2FProject-management-tool-frontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dev-sathya17","download_url":"https://codeload.github.com/dev-sathya17/Project-management-tool-frontend/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dev-sathya17%2FProject-management-tool-frontend/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":275898819,"owners_count":25548770,"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","status":"online","status_checked_at":"2025-09-19T02:00:09.700Z","response_time":108,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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-react","context-api","css","customhooksreact","dnd-kit","kanban-board","react-icons","react-router","reactjs","recharts-js","responsive-web-design"],"created_at":"2024-11-17T19:34:20.348Z","updated_at":"2025-09-19T07:37:47.871Z","avatar_url":"https://github.com/dev-sathya17.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Pro-Manager Frontend\n\nWelcome to the Pro-Manager Frontend repository! This project is a feature-rich frontend application designed to streamline project management processes for various user roles, including Admin, Team Leader, and Employee.\n\n## Features\n\n- **Kanban Boards:** Visualize tasks and manage workflow using drag-and-drop functionality.\n- **Theme Switching:** Toggle between dark and light themes.\n- **Reports:** View and download reports to monitor progress and productivity.\n- **Dashboards:** Real-time dashboards to track performance metrics.\n- **Email Notifications:** Receive notifications for deadlines and important updates.\n\n## User Roles\n\n1. **Admin:** Full access to all features and settings.\n2. **Team Leader:** Manage team tasks and monitor team performance.\n3. **Employee:** View and manage assigned tasks.\n\n## Dependencies\n\nThe project uses the following dependencies:\n\n- `axios`: Promise-based HTTP client for API calls.\n- `dnd-kit`: Drag-and-drop toolkit for creating kanban boards.\n- `formik`: Form library for React.\n- `html2pdf`: Convert HTML to PDF for report downloading.\n- `react-icons`: Collection of popular icons.\n- `react-router-dom`: Declarative routing for React.\n- `yup`: Schema validation for forms.\n- `recharts`: Library for building charts.\n\n## Components\n\n- **Modals:** Popup windows for various interactions.\n- **Cards:** Display task and project information.\n- **Pills:** Small UI elements for status indicators.\n- **Picklist:** Dropdown component for selecting options.\n- **Dashboard Components:** Widgets for displaying metrics.\n- **Switches:** Toggle components for various settings.\n- **Sidebar:** Navigation menu.\n- **Navbar:** Top navigation bar.\n- **Logo:** Application logo.\n- **Pie Chart and Bar Graph:** Visualization components for data.\n\n## Contexts\n\n- **Authentication Context:** Manages user authentication state.\n- **Theme Context:** Manages theme switching between dark and light modes.\n\n## Custom Hook\n\n- **Persist Data Hook:** A custom hook that ensures data persistence even after page refreshes.\n\n## Loaders\n\nFunctions that fetch data from various backend APIs for different routes, ensuring data is available when needed.\n\n## Pages\n\nContains all the different pages that every route points to, providing a structured navigation flow.\n\n## Routes\n\n- **Router Instance:** Includes all routes for the application.\n- **Protected Routes:** Ensure only authenticated users can access certain parts of the application.\n- **Authenticated Routes:** Manage routes based on user authentication status.\n\n## Services\n\nDifferent services for API calls, split by category of entity. Also includes an `instance.js` file which exports two axios instances:\n\n- **Protected Instance:** For authenticated API calls.\n- **Normal Instance:** For unauthenticated API calls.\n\n## Getting Started\n\n### Prerequisites\n\nEnsure you have the following installed:\n\n- Node.js\n- npm\n\n### Installation\n\n1. Pull the repository to your local machine.\n\n```\ngit pull\n```\n\n2. To install all the dependencies:\n\n```\nnpm install\n```\n\n3. Once everything is installed successfully, now it's time to run the server.\n\n```\nnpm run dev\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdev-sathya17%2Fproject-management-tool-frontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdev-sathya17%2Fproject-management-tool-frontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdev-sathya17%2Fproject-management-tool-frontend/lists"}