UI/add menu

frontend/app_student/.env

@@ -0,0 +1,2 @@
+DEV_API_URL=https://api-dev.lukasvalois.com
+PROD_API_URL=https://api-dev.lukasvalois.com

frontend/app_student/README.md

@@ -1,12 +1,14 @@
 # Application Flutter pour l'emploi du temps et les notes - Groupe 3iL
 
-Ce projet est une application mobile développée en Flutter par des étudiants du Groupe 3iL. Elle vise à fournir aux étudiants un accès facile à leur emploi du temps et à leurs notes.
+Ce projet est une application mobile développée en Flutter par des étudiants du Groupe 3iL. Elle
+vise à fournir aux étudiants un accès facile à leur emploi du temps et à leurs notes.
 
 ## Configuration
 
 ### Environnements
 
-L'application est configurée pour fonctionner dans deux environnements différents : développement (dev) et production (prod). Chaque environnement utilise une API distincte.
+L'application est configurée pour fonctionner dans deux environnements différents : développement (
+dev) et production (prod). Chaque environnement utilise une API distincte.
 
 - **Dev**: Utilise une API de développement pour tester et déboguer l'application.
 - **Prod**: Utilise une API de production pour une utilisation en direct.
@@ -17,26 +19,31 @@ Ce projet utilise Flutter version 3.19.2.
 
 ## Internationalisation (i18n)
 
-L'application utilise la fonctionnalité de localisation (l10n) de Flutter pour supporter plusieurs langues. N'oubliez pas de générer les fichiers de localisation en exécutant `flutter gen-l10n` avant de construire l'application.
+L'application utilise la fonctionnalité de localisation (l10n) de Flutter pour supporter plusieurs
+langues. N'oubliez pas de générer les fichiers de localisation en exécutant `flutter gen-l10n` avant
+de construire l'application.
 
 ## Pré-requis
 
 Avant de pousser votre code, assurez-vous de respecter les points suivants :
 
 - Utilisez `dart format` pour formater votre code.
 - Exécutez `flutter analyze` pour détecter tout problème dans votre code.
-- Assurez-vous d'exécuter `pub get` pour installer toutes les dépendances du projet.
+- Assurez-vous d'exécuter `flutter pub get` pour installer toutes les dépendances du projet.
 
 ### Variables d'environnement
 
-Pour que l'application fonctionne correctement, vous devez définir les variables d'environnement suivantes dans un fichier `.env` à la racine du projet :
+Pour que l'application fonctionne correctement, vous devez définir les variables d'environnement
+suivantes dans un fichier `.env` à la racine du projet :
 
 - `API_URL_DEV`: URL de l'API de développement.
 - `API_URL_PROD`: URL de l'API de production.
 
 ## Contributions
 
-Les contributions des autres étudiants sont les bienvenues! N'hésitez pas à proposer des améliorations, des corrections de bugs ou de nouvelles fonctionnalités en soumettant des pull requests.
+Les contributions des autres étudiants sont les bienvenues! N'hésitez pas à proposer des
+améliorations, des corrections de bugs ou de nouvelles fonctionnalités en soumettant des pull
+requests.
 
 ## Licence
 

frontend/app_student/lib/menu/menu_view.dart

@@ -0,0 +1,64 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_svg/svg.dart';
+
+class MenuBarView extends StatefulWidget {
+  const MenuBarView({super.key});
+
+  @override
+  State<MenuBarView> createState() => MenuBarViewState();
+}
+
+class MenuBarViewState extends State<MenuBarView> {
+  int _selectedIndex = 0;
+
+  void _onItemTapped(int index) {
+    setState(() {
+      _selectedIndex = index;
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      bottomNavigationBar: BottomNavigationBar(
+        items: <BottomNavigationBarItem>[
+          BottomNavigationBarItem(
+            icon: SvgPicture.asset(
+              'assets/images/disconnect.svg',
+              height: 20,
+              width: 20,
+              colorFilter: _selectedIndex == 0
+                  ? const ColorFilter.mode(Colors.blue, BlendMode.srcIn)
+                  : null,
+            ),
+            label: '',
+          ),
+          BottomNavigationBarItem(
+            icon: SvgPicture.asset(
+              'assets/images/calendar.svg',
+              height: 20,
+              width: 20,
+              colorFilter: _selectedIndex == 1
+                  ? const ColorFilter.mode(Colors.blue, BlendMode.srcIn)
+                  : null,
+            ),
+            label: '',
+          ),
+          BottomNavigationBarItem(
+            icon: SvgPicture.asset(
+              'assets/images/profil.svg',
+              height: 20,
+              width: 20,
+              colorFilter: _selectedIndex == 2
+                  ? const ColorFilter.mode(Colors.blue, BlendMode.srcIn)
+                  : null,
+            ),
+            label: '',
+          ),
+        ],
+        currentIndex: _selectedIndex,
+        onTap: _onItemTapped,
+      ),
+    );
+  }
+}

frontend/app_student/pubspec.yaml

@@ -111,4 +111,4 @@ flutter:
 
 
   # For details regarding fonts from package dependencies,
-  # see https://flutter.dev/custom-fonts/#from-packages
+  # see https://flutter.dev/custom-fonts/#from-packages