diff --git a/.prettierrc.json b/.prettierrc.json
index e0b26493..28b1a8b3 100644
--- a/.prettierrc.json
+++ b/.prettierrc.json
@@ -2,7 +2,7 @@
"useTabs": false,
"tabWidth": 2,
"singleQuote": true,
- "trailingComma": "es5",
+ "trailingComma": "all",
"printWidth": 120,
"semi": false,
"plugins": ["prettier-plugin-tailwindcss"]
diff --git a/README.md b/README.md
index 6f61806b..4b3f181a 100644
--- a/README.md
+++ b/README.md
@@ -12,15 +12,15 @@ RSSA - Front End
## Directory Structure for `app/`
- `app.vue`: Main layout
- `components` : Contains all reusable UI components.
-- `components/flows` : Entry point for business logic and workflows. Pages or routes call these flow components to handle API requests and process application logic
-- `components/app` : View-layer components that manage and present data. These are used within `flows/` to render or handle specific parts of the UI, and return results back to the flow
+- `components/flow` : Entry point for business logic and workflows. Pages or routes call these flow components to handle API requests and process application logic
+- `components/app` : View-layer components that manage and present data. These are used within `flow/` to render or handle specific parts of the UI, and return results back to the flow
- `components/pub` : Public/shared components used across different parts of the app.
- `composables` : Contains reusable logic and utility functions (e.g. composables, hooks)..
- `layouts` : Reusable UI layout patterns used across pages.
## Directory Structure for `app/pages`
- `pages/auth` : Authentication related pages.
-- `pages/(features)` : Grouped feature modules that reflect specific business flows or domains.
+- `pages/(features)` : Grouped feature modules that reflect specific business flow or domains.
## Directory Structure for `server/`
- `server/api` : API or proxy requests
@@ -37,13 +37,13 @@ The basic development workflow follows these steps:
- Keep components pure, avoid making HTTP requests directly within them.
- They receive data via props and emit events upward.
-### Business Logic in `components/flows`
+### Business Logic in `components/flow`
- This layer connects the UI with the logic (API calls, validations, navigation).
-- It composes components from `components/app/`, `components/pub/`, and other flows.
+- It composes components from `components/app/`, `components/pub/`, and other flow.
- Also responsible for managing state, side effects, and interactions.
### Create Pages in `pages/`
-- Pages load the appropriate flow from `components/flows/`.
+- Pages load the appropriate flow from `components/flow/`.
- They do not contain UI or logic directly, just route level layout or guards.
## Git Workflows
diff --git a/app/components/app/auth/SignIn.vue b/app/components/app/auth/SignIn.vue
deleted file mode 100644
index e019734b..00000000
--- a/app/components/app/auth/SignIn.vue
+++ /dev/null
@@ -1,70 +0,0 @@
-
-
-
-
-
-
-
diff --git a/app/components/app/auth/login.vue b/app/components/app/auth/login.vue
new file mode 100644
index 00000000..29fb60b4
--- /dev/null
+++ b/app/components/app/auth/login.vue
@@ -0,0 +1,74 @@
+
+
+
+
+
diff --git a/app/components/app/patient/entry-form.vue b/app/components/app/patient/entry-form.vue
new file mode 100644
index 00000000..89d8b1bf
--- /dev/null
+++ b/app/components/app/patient/entry-form.vue
@@ -0,0 +1,9 @@
+
+
+
+
entry form
+
+
+
+
+
diff --git a/app/components/app/patient/list.vue b/app/components/app/patient/list.vue
new file mode 100644
index 00000000..e69de29b
diff --git a/app/components/app/patient/picker.vue b/app/components/app/patient/picker.vue
new file mode 100644
index 00000000..e69de29b
diff --git a/app/components/app/patient/search.vue b/app/components/app/patient/search.vue
new file mode 100644
index 00000000..e69de29b
diff --git a/app/components/flow/auth/login.vue b/app/components/flow/auth/login.vue
new file mode 100644
index 00000000..c933b813
--- /dev/null
+++ b/app/components/flow/auth/login.vue
@@ -0,0 +1,48 @@
+
+
+
+
+
+
+
diff --git a/app/components/flow/patient/add.vue b/app/components/flow/patient/add.vue
new file mode 100644
index 00000000..fd48eeba
--- /dev/null
+++ b/app/components/flow/patient/add.vue
@@ -0,0 +1,5 @@
+
+
+
+
+
diff --git a/app/components/flow/patient/list.vue b/app/components/flow/patient/list.vue
new file mode 100644
index 00000000..0cae3161
--- /dev/null
+++ b/app/components/flow/patient/list.vue
@@ -0,0 +1,36 @@
+
+
+
+
+
diff --git a/app/components/layout/AppSidebar.vue b/app/components/layout/AppSidebar.vue
index ef70fd93..599313c7 100644
--- a/app/components/layout/AppSidebar.vue
+++ b/app/components/layout/AppSidebar.vue
@@ -1,17 +1,59 @@
+
+
+