Overview: It's concerned with Arabic literature. It assumes a business model that enables you to order a specific piece of literature to be printed with especial colors and font. Then it'll be delivered to the customer, with the ability for the customer to follow up the process. And for special customers, it provides them with the ability to make bulk orders fast and easy. And if they’re willing to signup, they can review all of their past orders.
-
Tech Stack:
- Full TypeScript
- HTML, CSS & SCSS
- Vite
- Vuejs
- Pinia & Vue-router
-
Characteristics:
- form validation with vee-validate & Yup
- JWT authentication and authorization
- Dark/Light Theme
- Component testing with Cypress
- ... and more
Overview, and file structure:
-
./assets file for our base.css and mixins.scss
-
./components file for our reusable components across the app, and a component test for each one of them with cypress.
-
./pages separated pages to separate logic groups from each other, and map each logic group 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 & main.ts files to bootstrap our SPA.