#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)