🚀 DShift

Voyage-28 | chingu.io | Twitter

Better direct your company's shifts with peace of mind.

logo

We made a blazing fast shift management web app sporting a surprisingly simple interface. Built using Svelte Kit & Tailwind!

See it live!

Project Process

This page summarizes our entire project process, including design, deploy, and feature development considerations.

Design

Deploy Instructions

Features

Sign in and manage your employees to try it out! It's far more impressive in person.

Schedule page: Manage your company's shifts

  • Left/right date navigation
  • Calendar date picker
  • Publish modal
  • Fully responsive shift grid (adjusts # of days)
    • Vacant shifts
    • Employees & hourly wages (if specified)
    • Shift adding/editing view (published, unpublished, and add buttons)
      • Shift modal (update & add shifts/areas)
      • Area modal (batch edit/add)
  • Add employee modal (batch)
  • (experimental) /labs/schedule - drag and drop shift updating

People page: Manage your employees

  • Employee filtering
  • Add employee modal (full detail modification)
  • List of all employees
    • Edit employee modal
    • Employee deletion

Published page: Employee's public page to view your company's published shifts

The display is similar to the schedule page but takes away all editing capabilities and only allows viewing published shifts for employees.

Tech

Frontend

Svelte

Svelte Kit

urql

Styles TailwindCSS

Database Fauna (GraphQL frontend & FQL + serverless functions)

Platform Netlify

Architecture Jamstack (Serverless, so hot right now 🌶. Serverless)

Dates Day.js

Project Management Notion

Top categories

Loading Svelte Themes