Tech

Pages techniques, composants et outils du front SmileWanted Preview.

Dashboards

Ecrans assembles multi-charts pour un usage metier precis. Chaque dashboard combine KPI cards, graphiques et tables pour repondre a une question business.

Ouvrir Dashboards
Demos

Catalogue des 16 types de charts disponibles. Chaque demo montre le chart en live avec les regles d'usage (do/don't), le use case ideal, et les metriques cibles.

Ouvrir Demos
Composants

Showcase visuel de tous les composants Svelte reutilisables : Chart, DataGrid, SubNav, Term, DemoBanner, palettes couleurs. Reference pour savoir ce qui existe avant de construire un nouvel ecran.

Chart Wrapper ECharts โ€” lazy, resize, theme-aware
DataGrid Table avec tri, filtre, badges, export CSV
SubNav / PageSidebar Navigation sections pour pages longues
Palette couleurs COLORS, ALERTS, CATEGORICAL โ€” swatches live
Ouvrir Composants

API backend Workers avec endpoint GraphQL. Donnees de demo realistes (14 partenaires, 10 editeurs, 30 jours de stats). Playground interactif et GraphiQL integre.

Ouvrir API GraphQL

Page de test du composant DataGrid avec export CSV integre. 4 niveaux de complexite croissante : table simple, chiffres/devises, filtrable+triable, headers groupes multi-niveau.

Niveau 1 โ€” Simple Texte brut, badges statut
Niveau 2 โ€” Chiffres Devises EUR, pourcentages, tri
Niveau 3 โ€” Filtrable 15 domaines, recherche + tri, export du sous-ensemble
Niveau 4 โ€” Headers groupes Comparaison W/W-1, 2 niveaux de headers
Ouvrir Export CSV
preview.smilewanted.com ยท main 8dd8738 ยท changelog