À partir de maintenant, le programme entre dans une nouvelle phase :

PHASE A

MVP INVESTISSEUR

L'objectif n'est plus d'ajouter de nouveaux domaines métier.

L'objectif devient :

Rendre démontrable

Tester les parcours

Valider l'UX

Obtenir un MVP investissable

Préparer les UAT

Le backend Enterprise est considéré comme :

Fonctionnellement complet
pour le MVP

Les domaines disponibles sont :

CRM

Properties

Reservations

Portfolio

Distribution

Marketing

Loyalty

Referral

Analytics

Executive

Developer Platform

Marketplace

UX Foundation & Design System

Design System

Navigation

Layouts

Dashboard Framework

Data Tables

Forms

Permissions UX

Responsive Foundation

Property & Reservation MVP

Property UI

Availability Calendar

Pricing UI

Reservation UI

Guest UI

Check-In

Check-Out

CRM & Operations MVP

Customer UI

Communications

Notes

Housekeeping

Maintenance

Guest Requests

Operations Dashboard

Analytics & Executive MVP

Property Dashboard

Reservation Dashboard

CRM Dashboard

Executive Dashboard

KPI Center

Reporting UI

Validation & Investor Demo

UAT

Bug Fixes

Demo Data

Investor Scenario

Pilot Validation

Release Candidate

Le MVP est considéré terminé lorsque l'utilisateur peut :

Créer une propriété

Ajouter des disponibilités

Configurer des tarifs

Créer une réservation

Ajouter un voyageur

Encaisser un paiement

Effectuer un check-in

Effectuer un check-out

Consulter les KPI

sans intervention technique.

Durée cible :

10 minutes

Connexion

↓

Création propriété

↓

Ajout disponibilités

↓

Création réservation

↓

Paiement

↓

Check-In

↓

Demande voyageur

↓

Check-Out

↓

Facture

↓

Dashboard exécutif

Après validation MVP :

Sprint 16
Operations & Observability

Sprint 17
Security Operations

Sprint 18
Enterprise AI Platform

Sprint 19
Scalabilité Enterprise

Le backlog Enterprise est conservé intégralement.

Aucun domaine métier précédemment conçu n'est supprimé.

Construire le socle UI de toute la plateforme.

Cette étape devient la référence unique pour :

CRM

Properties

Reservations

Operations

Analytics

Executive

Marketplace

afin de garantir :

Cohérence

Rapidité de développement

Qualité UX

Scalabilité Frontend

Expérience investisseur

À l'issue de cette étape :

✓ Design Tokens

✓ Component Library

✓ Layout System

✓ Navigation Framework

✓ Theme System

✓ Responsive Grid

✓ Data Tables

✓ Form Framework

apps/web

├── app
├── pages
├── layouts
├── modules
├── shared
│   ├── ui
│   ├── forms
│   ├── tables
│   ├── charts
│   └── navigation
├── design-system
└── themes

src/design-system/tokens

├── colors.ts
├── spacing.ts
├── typography.ts
├── shadows.ts
├── radius.ts
├── z-index.ts
└── index.ts

Primary
 
Secondary
 
Success
 
Warning
 
Danger
 
Info
 
Neutral

export const colors = {
  primary: {
    50: '#EFF6FF',
    100: '#DBEAFE',
    500: '#3B82F6',
    600: '#2563EB',
    700: '#1D4ED8'
  }
};

4
8
12
16
24
32
48
64
96

Display
 
Heading
 
Body
 
Caption
 
Label

sm
md
lg
xl
2xl
full

Light Theme

Dark Theme

System Theme

src/themes

├── light.ts
├── dark.ts
├── provider.tsx
└── hooks.ts

<ThemeProvider>
 
  {children}
 
</ThemeProvider>

xs  0
 
sm  640
 
md  768
 
lg  1024
 
xl  1280
 
2xl 1536

Container

Row

Col

Stack

Grid

Compatible :

Desktop

Tablet

Mobile

sans réécriture.

AuthLayout

DashboardLayout

SettingsLayout

PublicLayout

FullscreenLayout

Sidebar

Header

Breadcrumbs

Notifications

Workspace

Footer

Dashboard

CRM

Properties

Reservations

Operations

Analytics

Executive

Marketplace

Settings

Button

Input

Textarea

Select

Checkbox

Radio

Switch

Badge

Avatar

Card

Modal

Drawer

Tooltip

Tabs

Alert

Toast

Skeleton

Progress

EmptyState

ErrorState

src/shared/ui

├── button
├── input
├── modal
├── card
├── badge
└── ...

Pagination

Sorting

Filtering

Column Visibility

Export CSV

Bulk Actions

Customers

Properties

Reservations

Invoices

Tickets

DataTable

DataToolbar

ColumnFilter

BulkActions

Pagination

React Hook Form

Zod

Nest DTO

Form

FormField

FormInput

FormSelect

FormDatePicker

FormCurrency

FormTextarea

Realtime

Async

Server Validation

Field Dependencies

StatCard

KpiCard

ChartCard

ActivityFeed

QuickActions

RecentItems

Line Chart

Bar Chart

Area Chart

Pie Chart

Heatmap

Loading

Empty

Error

Success

Offline

WCAG AA

Keyboard Navigation

Screen Readers

Focus Management

LCP < 2.5s

TTI < 3s

CLS < 0.1

Component Catalog

Design Documentation

Usage Examples

Visual Testing

Responsive

Dark Mode

Navigation

Forms

Tables

Accessibility

L'investisseur doit pouvoir voir :

Connexion

↓

Dashboard

↓

Navigation complète

↓

Tables CRM

↓

Formulaires

↓

Composants Enterprise

↓

Dark Mode

sans backend finalisé.

Le Sprint 11-A.1 est terminé lorsque :

✓ Design Tokens créés

✓ Theme System créé

✓ Layouts créés

✓ Navigation créée

✓ Component Library créée

✓ Data Tables créées

✓ Form Framework créé

✓ Storybook opérationnel

Design Tokens

Theme Provider

Responsive Grid

Dashboard Layout

Navigation Framework

Component Library

DataTable Framework

Form Framework

Dashboard Widgets

Storybook

UI Foundation

Construire la porte d'entrée du MVP investisseur.

Cette étape fournit la première expérience utilisateur visible de la plateforme.

L'utilisateur doit pouvoir :

Se connecter

Choisir son tenant

Accéder à son espace

Naviguer rapidement

Recevoir des notifications

Effectuer des recherches globales

À l'issue de cette étape :

✓ Login

✓ Register

✓ Forgot Password

✓ Tenant Switcher

✓ Workspace Selector

✓ User Menu

✓ Notifications Center

✓ Global Search Bar

Authentication

↓

Tenant Selection

↓

Workspace Selection

↓

Dashboard

↓

Global Navigation

src/app/(auth)

├── login
├── register
├── forgot-password
├── reset-password
└── verify-email

/login

Email

Password

Remember Me

Login

Forgot Password

Register

LoginForm

LoginCard

SocialLoginButtons

AuthHeader

AuthFooter

Loading

Invalid Credentials

Account Locked

MFA Required

Success

/register

First Name

Last Name

Email

Password

Confirm Password

Company Name

Email Unique

Password Strength

Terms Acceptance

Register

↓

Email Verification

↓

Tenant Creation

↓

Workspace Setup

/forgot-password

Email

↓

Reset Link

↓

New Password

↓

Success

/reset-password

Token Validation

Expiration

Password Policy

TenantSwitcher

Tenant Name

Role

Environment

Status

Compatible :

Multi-Tenant

Multi-Portfolio

Partner Accounts

Internal Users

Acme Hospitality

▼

Production

↓

Switch Tenant

WorkspaceSelector

Operations

CRM

Reservations

Analytics

Executive

Marketplace

Permettre :

Accès rapide

Navigation métier

Réduction du bruit visuel

UserMenu

Profile

Preferences

Notifications

Security

API Keys

Logout

Photo

Initials

Presence Status

NotificationCenter

Reservations

Payments

Operations

Marketing

System

Security

Unread Count

Mark As Read

Priority

Deep Link

Nouvelle réservation

Property:
Villa Horizon

Il y a 2 min

GlobalSearchBar

Customers

Properties

Reservations

Invoices

Tickets

Tasks

Instant Search

Keyboard Shortcut

Recent Searches

Suggestions

⌘ K

CTRL K

Logo

Breadcrumbs

Global Search

Notifications

Tenant Switcher

User Menu

Dashboard

CRM

Properties

Reservations

Operations

Analytics

Executive

Marketplace

Settings

Collapsible Sidebar

Bottom Navigation

Touch Friendly

Login

Registration

Password Reset

Tenant Switching

Workspace Navigation

Notifications

Search

Keyboard Navigation

Screen Readers

Focus Management

Color Contrast

Login

↓

Tenant Selection

↓

Workspace Selection

↓

Dashboard

↓

Search Reservation

↓

Open Customer

↓

Notification Center

↓

Logout

Le Sprint 11-A.2 est terminé lorsque :

✓ Login créé

✓ Register créé

✓ Forgot Password créé

✓ Tenant Switcher créé

✓ Workspace Selector créé

✓ User Menu créé

✓ Notifications Center créé

✓ Global Search Bar créée

✓ Workspace Foundation opérationnelle

Login Page

Register Page

Forgot Password Flow

Reset Password Flow

TenantSwitcher

WorkspaceSelector

UserMenu

NotificationCenter

GlobalSearchBar

Workspace Foundation

Construire le premier parcours métier complet visible du MVP.

Cette étape permet à un utilisateur de :

Créer une propriété

Consulter une propriété

Modifier une propriété

Gérer ses équipements

Gérer ses photos

Visualiser son état

Piloter ses performances

Ce sprint constitue la première démonstration concrète du produit pour un investisseur.

À l'issue de cette étape :

✓ Property List

✓ Property Details

✓ Property Creation Wizard

✓ Property Gallery

✓ Property Amenities

✓ Property Status

✓ Property Actions

✓ Property Dashboard

Properties

├── Property List
├── Property Detail
├── Property Create
├── Property Edit
├── Property Gallery
├── Property Amenities
├── Property Status
└── Property Dashboard

/properties

Property Name

Type

Status

Capacity

Location

Score

Occupancy

Actions

Pagination

Sorting

Filtering

Bulk Actions

Export CSV

Status

Type

City

Capacity

Score

Owner

View

Edit

Duplicate

Archive

Delete

/properties/{id}

Overview

Gallery

Amenities

Availability

Pricing

Policies

Reviews

Property Name

Status

Type

Location

Quick Actions

Occupancy

Revenue

Reservations

Review Score

/properties/new

Basic Information

Champs :

Name

Type

Category

Description

Location

Champs :

Country

City

Address

Coordinates

Capacity

Champs :

Guests

Bedrooms

Bathrooms

Beds

Amenities

Sélection :

WiFi

Parking

Pool

Kitchen

Air Conditioning

Media

Upload :

Photos

Cover Image

Confirmation

Résumé avant création.

Auto Save

Draft

Resume Later

PropertyGallery

Upload

Drag & Drop

Reordering

Cover Photo

Delete

Grid View

Lightbox

Preview

PropertyAmenities

General

Comfort

Kitchen

Safety

Entertainment

Outdoor

Search

Multi Select

Popular Amenities

Recommended Amenities

Draft

Pending Review

Active

Inactive

Archived

Status

Compliance

Quality Score

Health Score

Mandatory Data

Images

Amenities

Availability

Edit

Publish

Duplicate

Archive

Delete

More Actions

History

Audit Trail

Integrations

/properties/{id}/dashboard

Occupancy

Revenue

Reservations

Reviews

Availability

Occupancy Trend

Revenue Trend

Reservations Trend

Review Trend

New Reservation

Review Received

Price Updated

Availability Changed

Loading

Empty

Error

No Permission

Offline

Desktop

Tablet

Mobile

Créer propriété

↓

Ajouter équipements

↓

Ajouter photos

↓

Publier propriété

↓

Consulter dashboard

Login

↓

Properties

↓

Create Property

↓

Upload Images

↓

Configure Amenities

↓

Publish

↓

Property Dashboard

Durée cible :

3 minutes

Le Sprint 11-B.1 est terminé lorsque :

✓ Property List créée

✓ Property Details créé

✓ Property Creation Wizard créé

✓ Property Gallery créée

✓ Property Amenities créé

✓ Property Status créé

✓ Property Actions créées

✓ Property Dashboard créé

PropertyListPage

PropertyDetailsPage

PropertyCreationWizard

PropertyGallery

PropertyAmenities

PropertyStatus

PropertyActions

PropertyDashboard

Property UI Module

Construire l'interface visuelle centrale de gestion des disponibilités et de la tarification.

Ce sprint représente le cœur opérationnel du produit.

L'utilisateur doit pouvoir :

Ouvrir des disponibilités

Bloquer des dates

Modifier les tarifs

Gérer les saisons

Appliquer des règles tarifaires

Visualiser les revenus prévisionnels

À l'issue de cette étape :

✓ Availability Calendar

✓ Pricing Calendar

✓ Inventory View

✓ Season Management

✓ Rate Plans

✓ Calendar Intelligence

✓ Bulk Updates

✓ Revenue Preview

Properties

└── Availability & Pricing

    ├── Availability Calendar
    ├── Pricing Calendar
    ├── Inventory View
    ├── Seasons
    ├── Rate Plans
    ├── Bulk Updates
    └── Revenue Forecast

/properties/{id}/availability

Month

Week

Day

Available

Booked

Blocked

Maintenance

External OTA Block

Green     Available

Red       Booked

Gray      Blocked

Orange    Maintenance

Purple    OTA

Open Dates

Block Dates

Edit Availability

Create Maintenance Block

/properties/{id}/pricing

Daily Rate

Seasonal Rate

Dynamic Rate

Discount Rate

Date

Price

Availability

Occupancy Signal

Single Day

Date Range

Entire Month

Entire Season

InventoryGrid

Property

Availability

Rate

Occupancy

Revenue

Compatible :

Portfolio

Property Groups

Multi-Site Operations

/properties/{id}/seasons

High Season

Mid Season

Low Season

Special Events

Name

Start Date

End Date

Multiplier

Description

Annual Timeline

Season Overlaps

Season Gaps

/properties/{id}/rate-plans

Standard Rate

Non Refundable

Weekly Rate

Monthly Rate

Corporate Rate

Promotional Rate

Base Price

Minimum Stay

Maximum Stay

Cancellation Rules

Restrictions

Rate Plan Wizard

Templates

Recommendations

Occupancy Forecast

Demand Forecast

Revenue Forecast

Price Recommendations

Underpriced Days

Overpriced Days

Availability Gaps

Revenue Opportunities

Weekend du 15 août

Demande élevée

+

22%

revenu potentiel

BulkUpdateDrawer

Increase Prices

Decrease Prices

Block Dates

Open Dates

Assign Season

Assign Rate Plan

Selected Dates

Current Month

Current Season

Entire Property

Expected Revenue

Occupancy Forecast

ADR

RevPAR

Revenue Trend

Occupancy Trend

Pricing Trend

+5% Price

+10% Price

Season Adjustment

Promotion Scenario

Drag & Drop

Multi Selection

Context Menu

Keyboard Navigation

Loading

Empty

Error

Offline

Read Only

Desktop

Tablet

Mobile

La vue calendrier reste utilisable sur tablette.

Créer propriété

↓

Ouvrir disponibilités

↓

Créer saison

↓

Créer plan tarifaire

↓

Modifier prix

↓

Prévisualiser revenu

Property

↓

Availability Calendar

↓

Block Dates

↓

Season Management

↓

Rate Plan

↓

Revenue Preview

Durée cible :

3 minutes

Le Sprint 11-B.2 est terminé lorsque :

✓ Availability Calendar créé

✓ Pricing Calendar créé

✓ Inventory View créé

✓ Season Management créé

✓ Rate Plans créés

✓ Calendar Intelligence créé

✓ Bulk Updates créés

✓ Revenue Preview créé

AvailabilityCalendar

PricingCalendar

InventoryGrid

SeasonManagement

RatePlanManagement

CalendarIntelligence

BulkUpdateDrawer

RevenuePreview

Availability & Pricing UI Module