All in TypeScript, front-end for "Adeeb أديب" developed to be SSR with Quasar, Vuejs, Pinia and vue-router.
Overview:
-
_./css file for our app.scss and mixins.scss
-
./components file for our reusable components across the app, and a component test for each one of them with cypress.
-
./composables file for our contained and reusable stateful logic across the app.
-
./pages separated pages to separate logic groups from each other, and map each group of logic to specific route.
-
./router file to contain our routing.
-
./stores file for to manage our app state, logic and api requests, while leveraging its reactivity.
-
App.vue to hold and render our router-view.
-
quasar.config.js used to set configuration for our app.
- handle cookies and authentication better at the front end.
- persist pinia's data on the same session