feat(smart-app): implement complete mobile app MVP

- App.tsx: full navigation (Auth stack + Main tabs with 5 screens)
- Auth: LoginScreen, RegisterScreen, ForgotPasswordScreen
- HomeScreen: dashboard with IoT metrics, weather widget, alerts, quick actions, sensors
- MapScreen: interactive map with layer toggles (6 layers)
- MarketplaceScreen: categories (6), products (5), search
- ChatScreen: AI chat with quick prompts (4), bot responses
- ProfileScreen: user info, stats, menu (9 items), logout
- AlertsScreen: alert list with severity, acknowledge
- SensorsScreen: sensor list with type filters (6 types), search
- ZonesScreen: zone cards with stats
- SettingsScreen: language picker (FR/EN/ES/DE), privacy, about
- Stores: iotStore (sensors, zones, alerts), notificationStore, uiStore + i18n
- Hooks: useSensors, useAlerts, useNotifications, useLocation
- Components: Card, Button, LoadingSpinner, ErrorBoundary, Header
- Services: iotService, notificationService (with axios API client)
- Utils: formatters (temp, AQI, noise, dates), validators (email, password, IBAN)
- Theme: colors.ts with full design system (Blue Ocean palette)
- Ditto: fixed MongoDB connection, new JWT secrets, official gateway image
This commit is contained in:
Eric FELIXINE
2026-06-01 18:00:35 -04:00
parent 08ca495bde
commit e30ae8ed09
35578 changed files with 3703534 additions and 43 deletions

View File

@@ -0,0 +1,66 @@
html,
body {
font-family: Helvetica, Verdana, sans-serif;
font-size: large;
font-weight: 200;
height: 100%;
margin: 0;
padding: 0;
}
.shortcut {
border-radius: 4px;
color: #eee;
background-color: #333;
font-family: 'Monaco', monospace;
font-size: medium;
letter-spacing: 3px;
padding: 4px;
}
.content {
padding: 10px;
}
.reload-btn {
padding: 5px 10px;
}
body.dark {
background-color: #242424;
color: #afafaf;
}
.dark .shortcut {
color: #c1c1c1;
}
.dark a {
color: #3b99fc;
}
input[type='checkbox'] {
vertical-align: middle;
}
.warning {
box-sizing: border-box;
max-width: 800px;
padding: 16px;
margin-bottom: 1em;
border-left: 5px solid rgb(230, 167, 0);
border-radius: 6px;
background-color: rgb(255, 248, 230);
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
color: rgb(77, 56, 0);
font-size: 16px;
font-weight: 500;
line-height: 1.6;
}
.warning p {
margin-top: 0;
}
.warning p:last-child {
margin: 0;
}
.dark .warning {
background: rgb(77, 56, 0);
border-left-color: rgb(230, 167, 0);
color: rgb(255, 248, 230);
}