Skip to main content
Oh-Shift banner

Oh-Shift

Oh-Shift is a high-performance, enterprise-grade shift scheduling platform designed for modern workforce management. Built with Next.js 15, TypeScript, and Tailwind CSS, it features a proprietary bento-grid calendar engine that delivers a tailored, high-density scheduling experience. The application provides a unified interface for both managers and employees, leveraging advanced Role-Based Access Control (RBAC) via NextAuth.js. Managers can orchestrate complex schedules with dark glassmorphism modals and real-time state synchronization, while employees benefit from a streamlined, read-only portal. Powered by Prisma and MongoDB, the system utilizes TanStack Query for sophisticated caching and optimistic UI updates, ensuring a fluid, latency-free experience across all devices.

  • Next.js 15
  • TypeScript
  • React 19
  • Tailwind CSS
  • TanStack Query
  • Prisma
  • MongoDB
  • NextAuth.js
  • Framer Motion
  • Lucide React
Key Features

  • Proprietary Bento-Grid CalendarA custom-built, high-performance scheduling engine that provides a premium visual experience and superior interaction compared to off-the-shelf libraries.
  • Unified Role-Based PortalsA single, intelligent architecture that adapts its functionality for Managers and Employees, maintaining strict security through server-side RBAC.
  • Advanced Glassmorphism UIA stunning, theme-aware interface featuring dark glassmorphism effects, responsive layouts, and smooth Framer Motion transitions.
  • Intelligent Data SyncingLeverages TanStack Query for robust state management, providing instant feedback via optimistic updates and background synchronization.
  • Secure Multi-Provider AuthEnterprise-ready authentication powered by NextAuth.js, supporting Google, GitHub, and secure Credentials-based login.
  • Mobile-First Responsive EngineDesigned from the ground up for touch interaction, ensuring seamless schedule management from desktop to mobile.
Preview

Oh-Shift screenshot 1
Oh-Shift screenshot 2
Oh-Shift screenshot 3
Oh-Shift screenshot 4