{"id":25121338,"url":"https://github.com/abubokkor98/workforcepro-client","last_synced_at":"2026-04-11T09:06:57.969Z","repository":{"id":276341995,"uuid":"923010757","full_name":"Abubokkor98/workforcepro-client","owner":"Abubokkor98","description":"Workforce Pro: A responsive employee management system with role-based authentication, task tracking, payroll management, and payment processing using Stripe. Features include CRUD operations, dynamic dashboards, and real-time updates powered by TanStack Query.","archived":false,"fork":false,"pushed_at":"2025-03-27T10:23:45.000Z","size":1663,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-27T11:29:32.936Z","etag":null,"topics":["axios","expressjs","firebase","helmet-async","jwt-authentication","mongodb","motion","nodejs","reactjs","reactmodal","reactrouterdom","stripe-payments","tanstack-query","vercel"],"latest_commit_sha":null,"homepage":"https://workforcepro.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/Abubokkor98.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-01-27T13:46:46.000Z","updated_at":"2025-03-27T10:23:48.000Z","dependencies_parsed_at":"2025-02-07T17:36:20.405Z","dependency_job_id":null,"html_url":"https://github.com/Abubokkor98/workforcepro-client","commit_stats":null,"previous_names":["abubokkor98/workforcepro-client"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Abubokkor98%2Fworkforcepro-client","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Abubokkor98%2Fworkforcepro-client/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Abubokkor98%2Fworkforcepro-client/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Abubokkor98%2Fworkforcepro-client/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Abubokkor98","download_url":"https://codeload.github.com/Abubokkor98/workforcepro-client/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246838261,"owners_count":20842039,"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","expressjs","firebase","helmet-async","jwt-authentication","mongodb","motion","nodejs","reactjs","reactmodal","reactrouterdom","stripe-payments","tanstack-query","vercel"],"created_at":"2025-02-08T06:17:51.372Z","updated_at":"2026-04-11T09:06:57.937Z","avatar_url":"https://github.com/Abubokkor98.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# **WorkForce Pro** 🚀👩‍💻👨‍💻\n\n**Revolutionizing Employee Management with Cutting-Edge Technology**\n\n🔗 **Live Site:**\n\n- [WorkForce Pro (Live)](https://workforcepro.netlify.app)\n\n---\n\n### **🌟 Overview**\n\n**WorkForce Pro** is your ultimate solution for managing employees, streamlining payroll, and enhancing workforce productivity. This platform is designed to empower businesses with intuitive tools for managing tasks, payments, and employee progress, all in one place.\n\nWhether you're an HR manager or a business owner, **WorkForce Pro** simplifies complex workflows with a modern, responsive, and secure design.\n\n---\n\n### **✨ Key Features**\n\n1. **👥 Comprehensive Employee Management**  \n   Add, update, and track employees with a streamlined interface.\n\n2. **📈 Task Assignment \u0026 Tracking**  \n   Assign tasks with deadlines and track progress in real time.\n\n3. **💸 Payroll Processing with Stripe Integration**  \n   Securely process employee payments directly through Stripe.\n\n4. **🌟 Interactive Dashboard**  \n   Gain actionable insights into employee performance and financial metrics with visually appealing charts.\n\n5. **🔒 Secure Authentication**  \n   Manage access with role-based authentication powered by Firebase.\n\n6. **📊 Advanced Analytics**  \n   Analyze workforce efficiency using detailed performance metrics.\n\n7. **📅 HR Features**  \n   Automate attendance tracking, leave management, and employee feedback collection.\n\n8. **⚙️ API Integration with Axios**  \n   Fast and secure communication between frontend and backend for seamless data management.\n\n9. **💼 Responsive Design**  \n   Optimized for desktop, tablet, and mobile devices to ensure usability across all platforms.\n\n10. **📂 File Uploads \u0026 Document Management**  \n    Manage employee records by uploading and storing essential files directly on the platform.\n\n11. **🗂 Sorting \u0026 Filtering Tools**  \n    Effortlessly sort and filter employee data by tasks, roles, or status.\n\n12. **📧 Email Notifications**  \n    Keep employees updated with automated notifications for payments, task assignments, and more.\n\n---\n\n### **🖥️ Admin Dashboard Credentials**\n\nUse the following credentials to access the admin dashboard:\n\n- **Email**: `admin@example.com`\n- **Password**: `123456@A`\n\n---\n\n### **🚀 Tech Stack**\n\n- **Frontend**: React.js, TailwindCSS (for responsive and elegant design)\n- **Backend**: Node.js, Express.js (for efficient server-side handling)\n- **Database**: MongoDB (for secure data storage and management)\n- **Authentication**: Firebase (role-based authentication)\n- **Payments**: Stripe Integration (for seamless payment processing)\n- **State Management**: Context API\n- **Routing**: React Router DOM v6\n\n---\n\n### **🎯 How It Works**\n\n1. **Admin Login**: Securely log in using the provided credentials.\n2. **Dashboard Navigation**: View key metrics, performance charts, and pending tasks.\n3. **Employee Management**: Add, edit, or remove employees effortlessly.\n4. **Task Assignment**: Allocate tasks and track progress in real-time.\n5. **Payroll Processing**: Pay employees securely using Stripe integration.\n6. **Insights \u0026 Analytics**: Monitor performance and revenue trends with advanced charts.\n\n---\n\n## Installation and Setup 🚀\n\n1.  Clone the repository:\n    ```bash\n    git clone https://github.com/Abubokkor98/career-compass.git\n    ```\n2.  Navigate to the project directory:\n    ```bash\n    cd career-compass\n    ```\n3.  Install dependencies:\n    ```bash\n    npm install\n    ```\n4.  Set up Firebase:\n\n    - Create a Firebase project at [Firebase Console](https://console.firebase.google.com/).\n    - Enable Authentication and configure the desired sign-in methods.\n    - Copy the Firebase configuration and create a `.env` file in the root directory.\n    - Add the following variables:\n      ```plaintext\n      REACT_APP_FIREBASE_API_KEY=your-firebase-api-key\n      REACT_APP_FIREBASE_AUTH_DOMAIN=your-firebase-auth-domain\n      REACT_APP_FIREBASE_PROJECT_ID=your-firebase-project-id\n      REACT_APP_FIREBASE_STORAGE_BUCKET=your-firebase-storage-bucket\n      REACT_APP_FIREBASE_MESSAGING_SENDER_ID=your-firebase-messaging-sender-id\n      REACT_APP_FIREBASE_APP_ID=your-firebase-app-id\n\n      VITE_IMAGE_HOSTING_KEY=your_image_hosting_key\n      VITE_Payment_Gateway_PK=your_payment_gateway_public_key\n      VITE_API_URL=your_backend_api_url\n``` \n5. Start the development server:\n\nnpm start\n```\n\n6. Access the application at `http://localhost:5173`.\n\n---\n\n## 📦 Dependencies  \nWorkForce Pro relies on the following key dependencies:\n\n### **Frontend Libraries**  \n- **react, react-dom** – Core React framework.  \n- **react-router-dom** – Navigation and routing.  \n- **framer-motion** – Smooth animations.  \n- **swiper** – Interactive carousels.  \n\n### **State Management \u0026 Data Fetching**  \n- **@tanstack/react-query** – Efficient data fetching.  \n- **axios** – API requests handling.  \n\n### **UI Components \u0026 Utilities**  \n- **react-datepicker** – Date selection.  \n- **recharts** – Data visualization.  \n- **moment \u0026 date-fns** – Date manipulation.  \n\n### **Authentication \u0026 Notifications**  \n- **firebase** – Secure user authentication.  \n- **react-hot-toast** – User notifications.  \n\n---\n\n### **👥 Contribution Guidelines**\n\nWe welcome contributions to enhance **WorkForce Pro**!\n\n1. Fork the repository.\n2. Clone the repo:\n   ```bash\n   git clone https://github.com/Abubokkor98/workforcepro.git\n   ```\n3. Create a new branch:\n   ```bash\n   git checkout -b feature-branch\n   ```\n4. Make your changes and test them.\n5. Submit a pull request to the main branch.\n\n---\n\n### **💡 Future Roadmap**\n\n1. **📊 AI-Driven Insights**  \n   Predict workforce trends and optimize task distribution with AI-powered analytics.\n\n2. **📱 Mobile Application**  \n   Extend accessibility with a dedicated Android and iOS app.\n\n3. **🌍 Multi-Language Support**  \n   Expand usability with multi-language features for global audiences.\n\n4. **📅 Calendar Integration**  \n   Integrate with external calendars (e.g., Google Calendar) for better task scheduling.\n\n5. **🛠️ Customizable Roles \u0026 Permissions**  \n   Add flexible role configurations to suit diverse organizational structures.\n\n---\n\n### **🙋‍♂️ About the Developer**\n\nBuilt with 💻 and passion by **Abu Bokkor Siddik**.\n\n- **GitHub**: [Abubokkor98](https://github.com/Abubokkor98)\n- **LinkedIn**: [Connect with me](https://www.linkedin.com/in/abubokkor)\n\n### **🌟 Why WorkForce Pro?**\n\n- **Secure \u0026 Scalable:** Designed for businesses of all sizes with enterprise-level security.\n- **User-Friendly:** Simple yet powerful tools for day-to-day operations.\n- **Global Reach:** Built for businesses aiming to scale internationally.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabubokkor98%2Fworkforcepro-client","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fabubokkor98%2Fworkforcepro-client","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabubokkor98%2Fworkforcepro-client/lists"}