Skip to content

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.

Notifications You must be signed in to change notification settings

Abubokkor98/workforcepro-client

Folders and files

NameName
Last commit message
Last commit date

Latest commit

e126775 Β· Feb 7, 2025

History

69 Commits
Feb 7, 2025
Jan 22, 2025
Jan 27, 2025
Jan 19, 2025
Jan 15, 2025
Feb 7, 2025
Jan 15, 2025
Jan 19, 2025
Jan 22, 2025
Jan 22, 2025
Jan 22, 2025
Jan 15, 2025
Jan 15, 2025
Jan 15, 2025

Repository files navigation

WorkForce Pro πŸš€πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Revolutionizing Employee Management with Cutting-Edge Technology

πŸ”— Live Site:


🌟 Overview

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.

Whether you're an HR manager or a business owner, WorkForce Pro simplifies complex workflows with a modern, responsive, and secure design.


✨ Key Features

  1. πŸ‘₯ Comprehensive Employee Management
    Add, update, and track employees with a streamlined interface.

  2. πŸ“ˆ Task Assignment & Tracking
    Assign tasks with deadlines and track progress in real time.

  3. πŸ’Έ Payroll Processing with Stripe Integration
    Securely process employee payments directly through Stripe.

  4. 🌟 Interactive Dashboard
    Gain actionable insights into employee performance and financial metrics with visually appealing charts.

  5. πŸ”’ Secure Authentication
    Manage access with role-based authentication powered by Firebase.

  6. πŸ“Š Advanced Analytics
    Analyze workforce efficiency using detailed performance metrics.

  7. πŸ“… HR Features
    Automate attendance tracking, leave management, and employee feedback collection.

  8. βš™οΈ API Integration with Axios
    Fast and secure communication between frontend and backend for seamless data management.

  9. πŸ’Ό Responsive Design
    Optimized for desktop, tablet, and mobile devices to ensure usability across all platforms.

  10. πŸ“‚ File Uploads & Document Management
    Manage employee records by uploading and storing essential files directly on the platform.

  11. πŸ—‚ Sorting & Filtering Tools
    Effortlessly sort and filter employee data by tasks, roles, or status.

  12. πŸ“§ Email Notifications
    Keep employees updated with automated notifications for payments, task assignments, and more.


πŸ–₯️ Admin Dashboard Credentials

Use the following credentials to access the admin dashboard:

  • Email: admin@example.com
  • Password: 123456@A

πŸš€ Tech Stack

  • Frontend: React.js, TailwindCSS (for responsive and elegant design)
  • Backend: Node.js, Express.js (for efficient server-side handling)
  • Database: MongoDB (for secure data storage and management)
  • Authentication: Firebase (role-based authentication)
  • Payments: Stripe Integration (for seamless payment processing)
  • State Management: Context API
  • Routing: React Router DOM v6

🎯 How It Works

  1. Admin Login: Securely log in using the provided credentials.
  2. Dashboard Navigation: View key metrics, performance charts, and pending tasks.
  3. Employee Management: Add, edit, or remove employees effortlessly.
  4. Task Assignment: Allocate tasks and track progress in real-time.
  5. Payroll Processing: Pay employees securely using Stripe integration.
  6. Insights & Analytics: Monitor performance and revenue trends with advanced charts.

Installation and Setup πŸš€

  1. Clone the repository:

    git clone https://github.com/Abubokkor98/career-compass.git
  2. Navigate to the project directory:

    cd career-compass
  3. Install dependencies:

    npm install
  4. Set up Firebase:

    • Create a Firebase project at Firebase Console.
    • Enable Authentication and configure the desired sign-in methods.
    • Copy the Firebase configuration and create a .env file in the root directory.
    • Add the following variables:
      REACT_APP_FIREBASE_API_KEY=your-firebase-api-key
      REACT_APP_FIREBASE_AUTH_DOMAIN=your-firebase-auth-domain
      REACT_APP_FIREBASE_PROJECT_ID=your-firebase-project-id
      REACT_APP_FIREBASE_STORAGE_BUCKET=your-firebase-storage-bucket
      REACT_APP_FIREBASE_MESSAGING_SENDER_ID=your-firebase-messaging-sender-id
      REACT_APP_FIREBASE_APP_ID=your-firebase-app-id
      
      VITE_IMAGE_HOSTING_KEY=your_image_hosting_key
      VITE_Payment_Gateway_PK=your_payment_gateway_public_key
      VITE_API_URL=your_backend_api_url
      
5. Start the development server:

npm start
  1. Access the application at http://localhost:5173.

πŸ“¦ Dependencies

WorkForce Pro relies on the following key dependencies:

Frontend Libraries

  • react, react-dom – Core React framework.
  • react-router-dom – Navigation and routing.
  • framer-motion – Smooth animations.
  • swiper – Interactive carousels.

State Management & Data Fetching

  • @tanstack/react-query – Efficient data fetching.
  • axios – API requests handling.

UI Components & Utilities

  • react-datepicker – Date selection.
  • recharts – Data visualization.
  • moment & date-fns – Date manipulation.

Authentication & Notifications

  • firebase – Secure user authentication.
  • react-hot-toast – User notifications.

πŸ‘₯ Contribution Guidelines

We welcome contributions to enhance WorkForce Pro!

  1. Fork the repository.
  2. Clone the repo:
    git clone https://github.com/Abubokkor98/workforcepro.git
  3. Create a new branch:
    git checkout -b feature-branch
  4. Make your changes and test them.
  5. Submit a pull request to the main branch.

πŸ’‘ Future Roadmap

  1. πŸ“Š AI-Driven Insights
    Predict workforce trends and optimize task distribution with AI-powered analytics.

  2. πŸ“± Mobile Application
    Extend accessibility with a dedicated Android and iOS app.

  3. 🌍 Multi-Language Support
    Expand usability with multi-language features for global audiences.

  4. πŸ“… Calendar Integration
    Integrate with external calendars (e.g., Google Calendar) for better task scheduling.

  5. πŸ› οΈ Customizable Roles & Permissions
    Add flexible role configurations to suit diverse organizational structures.


πŸ™‹β€β™‚οΈ About the Developer

Built with πŸ’» and passion by Abu Bokkor Siddik.

🌟 Why WorkForce Pro?

  • Secure & Scalable: Designed for businesses of all sizes with enterprise-level security.
  • User-Friendly: Simple yet powerful tools for day-to-day operations.
  • Global Reach: Built for businesses aiming to scale internationally.

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages