Skip to content

Chirag1724/WorkPulse

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

51 Commits
ย 
ย 
ย 
ย 

Repository files navigation

WorkPulse - Faculty ERP System

A modern, responsive Faculty Enterprise Resource Planning (ERP) system designed to streamline academic administration and faculty management processes. Originally developed during a hackathon and now under active development for enhanced functionality.

๐ŸŽฏ Overview

WorkPulse is a comprehensive faculty management system that provides tools for academic institutions to efficiently manage faculty operations, schedules, statistics, and administrative tasks. What started as a hackathon project has evolved into a full-featured solution, built with modern web technologies and offering an intuitive interface for both administrators and faculty members.

โœจ Features

  • Dashboard Analytics: Comprehensive overview of faculty performance and institutional metrics
  • Faculty Management: Complete faculty profile and information management system
  • Schedule Management: Interactive scheduling system for classes, meetings, and events
  • Time Tracking: Punch-in/out system for attendance and work hour tracking
  • Statistical Reports:
    • Monthly performance graphs and analytics
    • Weekly activity summaries and insights
    • Real-time statistics dashboard
  • User Authentication: Secure login system with role-based access control
  • Responsive Design: Optimized for desktop, tablet, and mobile devices
  • Real-time Updates: Live data synchronization across all modules

๐Ÿš€ Project Journey

Hackathon Origins: WorkPulse was initially conceived and developed during a hackathon, where the core functionality and user interface were established.

Ongoing Development: Post-hackathon, the project has entered active development phase with plans for:

  • Enhanced user experience and interface improvements

  • Additional faculty management features

  • Performance optimizations

  • Code refactoring and best practices implementation

  • Integration capabilities with external systems

  • Frontend Framework: React 18

  • Build Tool: Vite

  • Styling: Tailwind CSS

  • Language: JavaScript (ES6+)

  • Package Manager: npm

  • Code Quality: ESLint for code linting

  • Development: PostCSS for CSS processing

๐Ÿ“‹ Prerequisites

Before running this project, ensure you have the following installed:

  • Node.js (version 16.0 or higher)
  • npm (version 7.0 or higher)
  • Modern web browser (Chrome, Firefox, Safari, Edge)

๐Ÿš€ Installation & Setup

  1. Clone the repository:
git clone https://github.com/Chirag1724/WorkPulse.git
cd Frontend
  1. Install dependencies:
npm install
  1. Install Recharts (for chart components):
npm install recharts
  1. Start the development server:
npm run dev
  1. Open your browser and navigate to:
http://localhost:5173

๐Ÿ“ฆ Available Scripts

  • npm run dev - Start development server with hot reload
  • npm run build - Build the project for production
  • npm run preview - Preview the production build locally
  • npm run lint - Run ESLint to check code quality

๐Ÿ“‚ Project Structure

WorkPulse/
โ”œโ”€โ”€ src/
โ”‚   โ”œโ”€โ”€ assets/              # Static assets (images, logos)
โ”‚   โ”‚   โ”œโ”€โ”€ Login.jpg
โ”‚   โ”‚   โ”œโ”€โ”€ Mainlogo.jpg
โ”‚   โ”‚   โ””โ”€โ”€ Navlogo.png
โ”‚   โ”œโ”€โ”€ components/          # Reusable UI components
โ”‚   โ”œโ”€โ”€ data/               # Static data and configurations
โ”‚   โ”‚   โ””โ”€โ”€ data.json
โ”‚   โ”œโ”€โ”€ pages/              # Application pages/views
โ”‚   โ”‚   โ”œโ”€โ”€ dashboard.jsx   # Main dashboard page
โ”‚   โ”‚   โ”œโ”€โ”€ login.jsx       # Authentication page
โ”‚   โ”‚   โ”œโ”€โ”€ monthlygraph.jsx # Monthly analytics
โ”‚   โ”‚   โ”œโ”€โ”€ punch-in.jsx    # Time tracking system
โ”‚   โ”‚   โ”œโ”€โ”€ schedule.jsx    # Schedule management
โ”‚   โ”‚   โ”œโ”€โ”€ stats.jsx       # Statistics overview
โ”‚   โ”‚   โ””โ”€โ”€ weeklygraph.jsx # Weekly analytics
โ”‚   โ”œโ”€โ”€ App.jsx             # Main application component
โ”‚   โ”œโ”€โ”€ main.jsx            # Application entry point
โ”‚   โ””โ”€โ”€ index.css           # Global styles
โ”œโ”€โ”€ public/                 # Public assets
โ”œโ”€โ”€ index.html              # HTML template
โ”œโ”€โ”€ package.json            # Project dependencies
โ”œโ”€โ”€ tailwind.config.js      # Tailwind CSS configuration
โ”œโ”€โ”€ vite.config.js          # Vite configuration
โ””โ”€โ”€ README.md              # Project documentation

๐ŸŽจ Key Components

Dashboard

  • Comprehensive overview of faculty metrics
  • Quick access to all system modules
  • Real-time data visualization

Schedule Management

  • Interactive calendar interface
  • Class and meeting scheduling
  • Conflict detection and resolution

Analytics & Reports

  • Monthly Graphs: Detailed monthly performance analytics
  • Weekly Summaries: Week-over-week progress tracking
  • Statistical Dashboard: Real-time institutional metrics

Time Tracking

  • Digital punch-in/out system
  • Work hour calculation
  • Attendance monitoring

๐Ÿ”ง Configuration

Tailwind CSS

The project uses Tailwind CSS for styling. Configuration can be modified in tailwind.config.js.

Vite Configuration

Build and development settings are configured in vite.config.js.

ESLint

Code quality rules are defined in eslint.config.js.

๐Ÿš€ Deployment

Production Build

npm run build

Deploy to Static Hosting

The dist folder can be deployed to any static hosting service:

  • Netlify
  • Vercel
  • GitHub Pages
  • AWS S3
  • Firebase Hosting

๐ŸŽฏ Usage

  1. Login: Access the system through the secure login page
  2. Dashboard: Navigate through the main dashboard for system overview
  3. Schedule: Manage faculty schedules and appointments
  4. Time Tracking: Use punch-in/out for attendance tracking
  5. Analytics: View monthly and weekly performance reports
  6. Statistics: Monitor real-time institutional metrics

๐Ÿค Contributing

Contributions are welcome! Please follow these steps:

  1. Fork the repository
  2. Create a feature branch: git checkout -b feature/your-feature-name
  3. Commit your changes: git commit -m 'Add some feature'
  4. Push to the branch: git push origin feature/your-feature-name
  5. Open a Pull Request

Development Guidelines

  • Follow React best practices
  • Use Tailwind CSS for styling
  • Maintain consistent code formatting
  • Add comments for complex logic
  • Test your changes thoroughly

๐Ÿ“„ License

This project is licensed under the MIT License - see the LICENSE file for details.

๐Ÿ‘จโ€๐Ÿ’ป Author

Chirag

๐Ÿ™ Acknowledgments

  • React community for excellent documentation
  • Tailwind CSS for the utility-first framework
  • Vite for the fast build tool
  • All contributors and supporters of this project

๐Ÿ“ž Support

For support, questions, or suggestions:

๐Ÿ”ฎ Future Enhancements

Short-term Goals

  • UI/UX improvements and refinements
  • Code optimization and performance enhancements
  • Enhanced data visualization components
  • Improved responsive design
  • Bug fixes and stability improvements

Long-term Vision

  • Database integration for persistent data storage
  • Role-based access control implementation
  • Email notification system
  • Advanced reporting features
  • Mobile application development
  • Integration with external academic systems
  • Multi-language support
  • Dark mode theme option

โญ If you find WorkPulse helpful, please give it a star on GitHub!

๐Ÿ“Š Project Status

Development Status Project Origin GitHub repo size GitHub language count GitHub top language License React Vite

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •  

Languages