Web Application & SaaS 🏢 ZenTime ⏱️ 6 weeks 📅 2025

ZenTime — Productivity & HR Management Application

A modern web application dedicated to productivity, developed with Next.js, TypeScript, and Tailwind CSS, featuring advanced state management powered by Zustand.

Next.js & Zustand
Architecture
Modular, reactive state management
Temps & Congés
Core Modules
Time tracking, absences, and team schedule
FR & Maroc
Multi-Country
Dual-country calendars and leave rules
100% digital
Paperless
Online document uploads and e-approvals

Overview & Context

ZenTime is a modern web application dedicated to productivity, developed with Next.js, TypeScript, and Tailwind CSS, featuring advanced state management powered by Zustand. Designed to streamline daily workflows for teams and managers, it centralizes time tracking, leave requests, and schedule coordination without administrative friction.

Strategic Goal

Prior to ZenTime, tracking working hours and managing absences relied on disconnected spreadsheets and manual exchanges. This led to tracking blind spots, balance uncertainties, and poor visibility across team availability.

Productivity & Architectural Challenges

Design a clean, responsive interface capable of coordinating precise leave policies and dual-country calendars (France & Morocco), while maintaining a frictionless user experience.

  • • Advanced state management with Zustand to synchronize balances, filters, and selections seamlessly.
  • • Strict end-to-end TypeScript typings to safeguard calendar calculations and leave rights.
  • • Thoughtful Tailwind CSS interface tailored for daily work (light and dark mode).
  • • Integration of dual-country calendars (official public holidays in France and Morocco).

A Modern Architecture Built for Productivity

A modern web application combining Next.js for structure, TypeScript for code resilience, Tailwind CSS for an accessible design system, and Zustand to orchestrate global state with clarity and precision.

Architecture

Reactive State Management (Zustand)

Centralized global store driving leave counters, team filters, and interactive forms without page reloads or prop drilling.

UI/UX

Productivity Dashboard

Clear overview of team availability, logged hours, and upcoming public holidays for peaceful planning.

Organisation

Paperless Workflow

Direct upload of supporting documents with inline previews and clear validation status tracking.

Daily Impact & Operational Benefits

Deploying ZenTime brought transparency to team operations: every team member knows their exact leave balances, and managers have a dependable overview to plan workload peacefully.

Next.js + Zustand
Modern Architecture
Fluid state management and decoupled components
Zéro papier
Paperless
Centralization of notes and supporting files
FR & Maroc
Dual Calendars
Integrated official public holidays and policies