Effortless Leave Management for Modern Teams
Leave Harmony is a refined, centralized platform designed to bring balance and transparency to employee time-off requests. It streamlines the entire leave lifecycle—from application to departmental coordination—ensuring that operations remain smooth while employees get the rest they deserve.
- 📊 Intitutive Dashboard: Get a high-level overview of your leave balances (Annual, Sick, Personal, WFH) and recent requests at a glance.
- 📅 Team Coordination: Real-time calendar view to visualize who's on leave across the engineering and product teams.
- ⚡ Rapid Application: Simplified leave request flow with instant status tracking.
- 🕒 Seamless History: Full audit trail of past leave requests with reasonings and approval statuses.
- 📱 Responsive Design: Fully optimized for desktop and mobile devices using modern CSS architecture.
- ⚛️ Frontend: React 18 with TypeScript
- 🏗️ Styling: Tailwind CSS with shadcn/ui components
- 🛣️ Routing: React Router DOM (v6+)
- 🔄 State Management: TanStack Query (React Query)
- 🎨 Icons: Lucide React
- ⚡ Build Tool: Vite
- ☁️ Deployment: Vercel
Follow these steps to get the project running locally:
Ensure you have Node.js (v18+) and npm installed.
Clone the repository and install dependencies:
git clone https://github.com/PrathmeshMutke/leave-harmony.git
cd leave-harmony
npm installStart the local development server:
npm run devThe application will be available at http://localhost:8080.
src/components: Reusable UI components (Sidebar, Layout, UI primitives).src/pages: Main application views (Dashboard, Apply, History, Calendar).src/data: Mock data and TypeScript type definitions for the platform.src/hooks: Custom React hooks for data fetching and UI logic.src/lib: Utility functions and configuration (cn, etc).
This project is for demonstration purposes. All rights reserved.
Built with ❤️ by Prathmesh Mutke