HorairÉTS est un générateur de combinaisons d'horaire pour les étudiants de l'École de technologie supérieure. L'application officiel est hébergé sur https://horairets.emmanuelcoulombe.dev/. Cette application est séparée en deux projets différents, soit l'interface utilisateur et le backend. Pour en savoir plus sur le backend de HorairÉTS, vous pouvez le retrouver ici.
git clone https://github.com/imrashb/horairets-ui.git
Installe le package manager yarn pour évitement les conflits avec npm
npm install -g yarn
Installe les dépendances avec yarn
yarn install
Démarre l'application localement
yarn dev
Démarre l'application localement et sur votre réseau (utile pour tester sur mobile)
yarn host
Démarre l'application localement en mode production
yarn build
yarn preview
| Script | Description |
|---|---|
| yarn dev | Démarre l'application. |
| yarn build | Fait un build de l'application |
| yarn preview | Démarre la prévisualisation de Vite |
| yarn lint | Affiche les erreurs de eslint |
| yarn lint:fix | Règle les erreurs de eslint |
| yarn format | Démarre prettier pour tous les fichiers |
| yarn test | Roule les tests |
| Technologie de développement | Description |
|---|---|
| React | Librairie d'interface utilisateur |
| styledcomponents | Librairie de CSS-in-JS |
| Redux | Maintient l'état global de l'application |
| Redux Toolkit + RTK Query | Assiste Redux et faciliter les appels d'API asynchrones |
| Material UI | Librairie de composants React |
| react-i18next | Affichage du texte de l'application |
| React Router | Routage dans l'application |
| Outils de développement | Description |
|---|---|
| React Developer Tools | Pour debug l'application React |
| Redux DevTools | Pour debug l'état de Redux |
| Vite | Pour accélérer le développement avec du HMR et un temps de build plus rapide |
| Netlify | Pour hébérger les fichiers statiques de l'application créés par Vite lors du build |
- Le boilerplate utilisé pour ce projet est ViterJS.