Project

TeckStock

Solving the problem of teck hotel items tracking and shortage with a stock management system

TeckStock - Teck Hotel Stock Management

Application de gestion de stock pour Teck Hotel avec deux experiences metier:

  • staff: declaration de sorties et creation d'alertes
  • manager/owner: supervision, traitements des alertes, articles, commandes, rapports et administration utilisateurs

Stack principal:

  • Next.js 16 (App Router) + React 19 + TypeScript
  • Prisma + PostgreSQL
  • NextAuth (credentials)
  • PWA (next-pwa) + synchronisation offline-first (Dexie / IndexedDB)

Fonctionnalites

Staff

  • consultation du stock par categorie
  • declaration de sorties de stock
  • creation / suivi / renvoi des alertes
  • experience resiliente hors-ligne avec file de synchro

Admin (Manager / Proprietaire)

  • dashboard KPI et activites recentes
  • gestion des alertes staff (approbation, demande de modification)
  • gestion des articles (creation, edition, suppression)
  • gestion des commandes (creation, statut)
  • rapports
  • gestion des utilisateurs

PWA & Offline

  • service worker et caches statiques/API
  • operations metier mises en file locale puis synchronisees via /api/sync
  • files locales pour sync et notifications email

Architecture Rapide

  • app/(login)/*: ecran d'authentification
  • app/(protected)/staff/*: pages staff
  • app/(protected)/admin/*: pages manager/owner
  • app/api/*: endpoints metier (alerts, items, movements, orders, reports, users, sync, notify)
  • components/admin/* et components/staff/*: UI metier
  • lib/*: auth, guards, db offline, mutations, sync, utilitaires
  • prisma/schema.prisma: modele de donnees
  • prisma/seed.ts: initialisation des donnees demo
#management system

Screenshots

TeckStock screenshot 1

Screenshot 1

TeckStock screenshot 2

Screenshot 2

TeckStock | Lab | MAC TECH