feat: readme and portrait lock

README.MD

@@ -0,0 +1,30 @@
+# Nom de l'Application
+
+## Présentation du Projet
+
+Le Projet est une application mobile qui porte le nom "UwU" qui est la version mobile du musée de l'illusion sur paris. Elle offre une visite guidée interactive, présentant chaque salle et installation du musée. L'utilisateur peut accéder à des informations détaillées, des images et des commentaires audio pour chaque pièce exposée.
+
+## Stack Technologique
+
+L'application est développée en utilisant Ionic Vue, un framework puissant pour la création d'interfaces utilisateur mobiles et interactives. Pour la gestion des données, nous avons opté pour Airtable, une plateforme de base de données en tant que service, qui permet une manipulation facile des données et une intégration fluide avec notre application.
+
+- **Frontend :** Ionic Vue
+- **Base de Données :** Airtable
+
+## Tables BDD
+
+![Modèle Conceptuel de Données](./public/mcdmobile.png "Modèle Conceptuel de Données")
+
+## Post Mortem
+
+### Commentaires sur le Projet
+
+Le Projet était cool , on a eu le choix des technologies et ca c'était pas mal du tout , on a pu apprendre de nouvelles choses avec ionic vue et l'implementation de airtable
+
+### Difficultés Rencontrées
+
+Pour les difficultés rencontrées , on a eu des soucis avec la prise en main de ionic vue , mais on a pu s'en sortir en regardant la documentation t en faisant des recherches sur internet
+
+### Limitations et Axes d'Amélioration
+
+Au niveau des axes d'amélioration, on aurait voulu ajouter une fonctionnalité de scan de qr code pour accéder aux informations des salles directement depuis l'application.

package-lock.json

@@ -13,6 +13,7 @@
                 "@capacitor/core": "^5.7.4",
                 "@capacitor/haptics": "5.0.7",
                 "@capacitor/keyboard": "5.0.8",
+                "@capacitor/screen-orientation": "^5.0.7",
                 "@capacitor/status-bar": "5.0.7",
                 "@ionic/vue": "^7.0.0",
                 "@ionic/vue-router": "^7.0.0",
@@ -1887,6 +1888,14 @@
                 "@capacitor/core": "^5.0.0"
             }
         },
+        "node_modules/@capacitor/screen-orientation": {
+            "version": "5.0.7",
+            "resolved": "https://registry.npmjs.org/@capacitor/screen-orientation/-/screen-orientation-5.0.7.tgz",
+            "integrity": "sha512-2HKWCfaz34IDpNyznr6RbnxxZ5lADA9AQJtH6TBKcd1VJm8MOvicc43zDMdg2p7qAdw9ZkvP4fYK9/MZEFwIHg==",
+            "peerDependencies": {
+                "@capacitor/core": "^5.0.0"
+            }
+        },
         "node_modules/@capacitor/status-bar": {
             "version": "5.0.7",
             "resolved": "https://registry.npmjs.org/@capacitor/status-bar/-/status-bar-5.0.7.tgz",

package.json

@@ -17,6 +17,7 @@
         "@capacitor/core": "^5.7.4",
         "@capacitor/haptics": "5.0.7",
         "@capacitor/keyboard": "5.0.8",
+        "@capacitor/screen-orientation": "^5.0.7",
         "@capacitor/status-bar": "5.0.7",
         "@ionic/vue": "^7.0.0",
         "@ionic/vue-router": "^7.0.0",
@@ -42,4 +43,4 @@
         "vue-tsc": "^1.0.24"
     },
     "description": "An Ionic project"
-}
+}

src/main.ts

@@ -3,6 +3,7 @@ import App from "./App.vue";
 import router from "./router";
 
 import { IonicVue } from "@ionic/vue";
+import { ScreenOrientation } from "@capacitor/screen-orientation";
 
 /* Core CSS required for Ionic components to work properly */
 import "@ionic/vue/css/core.css";
@@ -29,3 +30,5 @@ const app = createApp(App).use(IonicVue).use(router);
 router.isReady().then(() => {
   app.mount("#app");
 });
+
+ScreenOrientation.lock({ orientation: "portrait" });