Différences

Ci-dessous, les différences entre deux révisions de la page.

--- howto:devfront [2025/09/08 12:03] – caprel
+++ howto:devfront [2025/11/28 06:13] (Version actuelle) – caprel
@@ Ligne 2: / Ligne 2: @@
 Vous venez tout juste de déployer smartboot dans votre module et vous vous demandez par où commencer pour la partie front ? Vous êtes au bon endroit !
+## Installation des dépendances
+```
+cd mobile
+npm i
+```
+## Première configuration
+copier ou renommer le fichier mobile/.env.example en mobile/.env
+```
+VITE_API_URL=https://dlc.on1.dolizen.fr/custom/smartdlc/pwa/api.php
+VITE_APP_VERSION=dev
+VITE_LOCALES=en,fr
+```
+## Lancement
+Pour lancer :
+```
+cd mobile
+npm run dev
+```
+## Arborescence des pages de votre application
+L'arborescence préinstallée est la suivante
+Un zoom sur le sous dossier src/components/pages/ est important car c'est ici que vous irez probablement commencer vos tests
+```
+.../...
+src/components/pages/
+├── errors
+│   ├── Error404Page
+│   │   └── index.jsx
+│   └── index.js
+├── index.js
+├── private
+│   ├── HomePage
+│   │   ├── Blocks
+│   │   │   └── index.jsx
+│   │   ├── index.jsx
+│   │   ├── SettingsPanel
+│   │   │   └── index.jsx
+│   │   └── Waves
+│   │       └── index.jsx
+│   └── index.js
+└── public
+    ├── index.js
+    ├── LoginPage
+    │   ├── index.jsx
+    │   └── Waves
+    │       └── index.jsx
+    └── WelcomePage
+        ├── index.jsx
+        └── Waves
+            └── index.jsx
+```
+Dans cette structure vous trouverez donc
+  * private/ -> les pages publiques accessibles sans authentification (welcome et login)
+  * public/ -> les pages protégées par l'authentification (home)