Différences

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

--- howto:devfront [2025/11/28 06:13] – caprel
+++ howto:devfront [Date inconnue] (Version actuelle) – supprimée - modification externe (Date inconnue) 127.0.0.1
@@ Ligne 1: / Ligne 1: @@
-#Développement react (front)
-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)