"Add initial .gitconfig with user info, HTTP settings, branch defaults, and core preferences"

.gitconfig

@@ -0,0 +1,19 @@
+[user]
+  email = louiscklaw@users.noreply.github.com
+  name = louiscklaw
+[http]
+  version = HTTP/1.1
+  postBuffer = 5368709120
+[init]
+  defaultBranch = master
+[core]
+	autocrlf = false
+[pull]
+	ff = only
+	rebase = true
+[lfs]
+  allowincompletepush = true
+  locksverify = true
+[credential]
+  autoDetectTimeout = -1
+  helper = cache --timeout=2592000

.gitignore

@@ -1,4 +1,8 @@
 04_poc
+**/*del
+**/*bak
+**/*copy*
+
 
 # Created by https://www.toptal.com/developers/gitignore/api/node,python,nextjs
 # Edit at https://www.toptal.com/developers/gitignore?templates=node,python,nextjs

01_Requirements/REQ0050/references/ionic-react-whatsapp-clone-main/src/pages/Chat.js

@@ -77,12 +77,12 @@ const Chat = () => {
   const [toastMessage, setToastMessage] = useState("");
 
   //  Refs
-  const contentRef = useRef();
+  const contentRef = useRef(null);
   const swiperRefs = useRef([]);
-  const textareaRef = useRef();
-  const sideRef = useRef();
-  const sendRef = useRef();
-  const replyToAnimationRef = useRef();
+  const textareaRef = useRef(null);
+  const sideRef = useRef(null);
+  const sendRef = useRef(null);
+  const replyToAnimationRef = useRef(null);
 
   const actionSheetButtons = [
     {
@@ -104,7 +104,7 @@ const Chat = () => {
           icon: alertOutline,
           handler: () =>
             toaster(
-              "I haven't implemented unsend :) Simple store update though",
+              "I haven't implemented unsend :) Simple store update though"
             ),
         },
     {
@@ -165,11 +165,11 @@ const Chat = () => {
     const chatMessageID = elementID.includes("chatText")
       ? parseInt(elementID.replace("chatText_", ""))
       : elementID.includes("chatTime")
-        ? parseInt(elementID.replace("chatTime_", ""))
-        : parseInt(elementID.replace("chatBubble_", ""));
+      ? parseInt(elementID.replace("chatTime_", ""))
+      : parseInt(elementID.replace("chatBubble_", ""));
 
     const chatMessage = chat.filter(
-      (message) => parseInt(message.id) === parseInt(chatMessageID),
+      (message) => parseInt(message.id) === parseInt(chatMessageID)
     )[0];
 
     setActionMessage(chatMessage);
@@ -278,7 +278,7 @@ const Chat = () => {
         replyToMessage,
         replyToMessage ? replyToMessage.id : false,
         image,
-        imagePath,
+        imagePath
       );
       setMessage("");
 
@@ -329,7 +329,7 @@ const Chat = () => {
               fill="clear"
               onClick={() =>
                 toaster(
-                  "As this is a UI only, video calling wouldn't work here.",
+                  "As this is a UI only, video calling wouldn't work here."
                 )
               }
             >
@@ -352,7 +352,7 @@ const Chat = () => {
         {chat.map((message, index) => {
           const repliedMessage = chat.filter(
             (subMessage) =>
-              parseInt(subMessage.id) === parseInt(message.replyID),
+              parseInt(subMessage.id) === parseInt(message.replyID)
           )[0];
 
           return (
@@ -360,7 +360,9 @@ const Chat = () => {
               ref={(ref) => (swiperRefs.current[index] = ref)}
               id={`chatBubble_${message.id}`}
               key={index}
-              className={`chat-bubble ${message.sent ? "bubble-sent" : "bubble-received"}`}
+              className={`chat-bubble ${
+                message.sent ? "bubble-sent" : "bubble-received"
+              }`}
               {...longPressEvent}
             >
               <div id={`chatText_${message.id}`}>

01_Requirements/REQ0050/references/ionic-react-whatsapp-clone-main/src/pages/Chats.js

@@ -22,7 +22,7 @@ import { useRef } from "react";
 import ContactModal from "../components/ContactModal";
 
 const Chats = () => {
-  const pageRef = useRef();
+  const pageRef = useRef(null);
   const contacts = ContactStore.useState(getContacts);
   const latestChats = ChatStore.useState(getChats);
 
@@ -43,7 +43,7 @@ const Chats = () => {
         contacts
           .filter((c) => c.id === chat.contact_id)[0]
           .name.toLowerCase()
-          .includes(searchTermLower),
+          .includes(searchTermLower)
       );
       setResults(newResults);
     } else {

01_Requirements/REQ0119/index.md

@@ -0,0 +1,21 @@
+---
+tags: mobile
+---
+
+# REQ0119-Demo2FaExample
+
+## description
+
+A demonstration of two-factor authentication implementation examples
+
+## schema
+
+```dbml
+{
+  // To be defined
+}
+```
+
+## related
+
+-

01_Requirements/REQ0120/index.md

@@ -0,0 +1,21 @@
+---
+tags:
+---
+
+# REQ0120-PlaceholderFeature
+
+## description
+
+T.B.A.
+
+## schema
+
+```dbml
+{
+  // To be defined
+}
+```
+
+## related
+
+-

01_Requirements/REQ0121/index.md

@@ -0,0 +1,21 @@
+---
+tags:
+---
+
+# REQ0121-UserProfileFeature
+
+## description
+
+T.B.A.
+
+## schema
+
+```dbml
+{
+  // To be defined
+}
+```
+
+## related
+
+-

01_Requirements/REQ0122/index.md

@@ -0,0 +1,21 @@
+---
+tags:
+---
+
+# REQ0122-NotificationSystem
+
+## description
+
+T.B.A.
+
+## schema
+
+```dbml
+{
+  // To be defined
+}
+```
+
+## related
+
+-

01_Requirements/REQ0123/index.md

@@ -0,0 +1,21 @@
+---
+tags:
+---
+
+# REQ0123-AnalyticsDashboard
+
+## description
+
+T.B.A.
+
+## schema
+
+```dbml
+{
+  // To be defined
+}
+```
+
+## related
+
+-

01_Requirements/REQ0124/index.md

@@ -0,0 +1,22 @@
+---
+tags: [placeholder-tag1, placeholder-tag2]
+---
+
+# REQ0124-PlaceholderTitle
+
+## description
+
+![alt text](placeholder-image.png)
+
+## schema
+
+```dbml
+{
+  placeholderField1: Type;
+  placeholderField2: Type;
+}
+```
+
+## related
+
+[[REQXXXX]]

01_Requirements/REQ0125/index.md

@@ -0,0 +1,22 @@
+---
+tags: [placeholder-tag1, placeholder-tag2]
+---
+
+# REQ0125-PlaceholderTitle
+
+## description
+
+![alt text](placeholder-image.png)
+
+## schema
+
+```dbml
+{
+  placeholderField1: Type;
+  placeholderField2: Type;
+}
+```
+
+## related
+
+[[REQXXXX]]

01_Requirements/REQ0126/index.md

@@ -0,0 +1,22 @@
+---
+tags: [placeholder-tag1, placeholder-tag2]
+---
+
+# REQ0126-PlaceholderTitle
+
+## description
+
+![alt text](placeholder-image.png)
+
+## schema
+
+```dbml
+{
+  placeholderField1: Type;
+  placeholderField2: Type;
+}
+```
+
+## related
+
+[[REQXXXX]]

01_Requirements/REQ0127/index.md

@@ -0,0 +1,22 @@
+---
+tags: [placeholder-tag1, placeholder-tag2]
+---
+
+# REQ0127-PlaceholderTitle
+
+## description
+
+![alt text](placeholder-image.png)
+
+## schema
+
+```dbml
+{
+  placeholderField1: Type;
+  placeholderField2: Type;
+}
+```
+
+## related
+
+[[REQXXXX]]

01_Requirements/REQ0128/index.md

@@ -0,0 +1,22 @@
+---
+tags: [placeholder-tag1, placeholder-tag2]
+---
+
+# REQ0128-PlaceholderTitle
+
+## description
+
+![alt text](placeholder-image.png)
+
+## schema
+
+```dbml
+{
+  placeholderField1: Type;
+  placeholderField2: Type;
+}
+```
+
+## related
+
+[[REQXXXX]]

01_Requirements/REQ0129/index.md

@@ -0,0 +1,22 @@
+---
+tags: [placeholder-tag1, placeholder-tag2]
+---
+
+# REQ0129-PlaceholderTitle
+
+## description
+
+![alt text](placeholder-image.png)
+
+## schema
+
+```dbml
+{
+  placeholderField1: Type;
+  placeholderField2: Type;
+}
+```
+
+## related
+
+[[REQXXXX]]

01_Requirements/REQ0130/index.md

@@ -0,0 +1,22 @@
+---
+tags: [placeholder-tag1, placeholder-tag2]
+---
+
+# REQ0130-PlaceholderTitle
+
+## description
+
+![alt text](placeholder-image.png)
+
+## schema
+
+```dbml
+{
+  placeholderField1: Type;
+  placeholderField2: Type;
+}
+```
+
+## related
+
+[[REQXXXX]]

01_Requirements/REQ0131/index.md

@@ -0,0 +1,22 @@
+---
+tags: requirements
+---
+
+# REQ0131-DemoInstagramClone
+
+## description
+
+<Party Page.png>
+
+## schema
+
+```dbml
+// Add your DBML here
+Table users {
+  id integer
+}
+```
+
+## related
+
+[[REQ0110-PartyPage]]

01_Requirements/REQ0132/index.md

@@ -0,0 +1,23 @@
+---
+tags: requirements
+---
+
+# REQ0132-DemoKanbanBoard
+
+## description
+
+<Kanban Board.png>
+
+## schema
+
+```dbml
+// Add your DBML here
+Table tasks {
+  id integer
+  status string
+}
+```
+
+## related
+
+[[REQ0131-DemoInstagramClone]]

01_Requirements/REQ0133/index.md

@@ -0,0 +1,23 @@
+---
+tags: requirements
+---
+
+# REQ0133-DemoList
+
+## description
+
+<Demo List.png>
+
+## schema
+
+```dbml
+// Add your DBML here
+Table lists {
+  id integer
+  name string
+}
+```
+
+## related
+
+[[REQ0132-DemoKanbanBoard]]

01_Requirements/REQ0134/index.md

@@ -0,0 +1,23 @@
+---
+tags: requirements
+---
+
+# REQ0134-DemoOrderingApp
+
+## description
+
+<Ordering App.png>
+
+## schema
+
+```dbml
+// Add your DBML here
+Table orders {
+  id integer
+  item string
+}
+```
+
+## related
+
+[]

01_Requirements/REQ0135/index.md

@@ -0,0 +1,24 @@
+---
+tags: requirements
+---
+
+# REQ0135-DemoPinterestFloatingTabBar
+
+## description
+
+<Pinterest Floating Tab Bar.png>
+
+## schema
+
+```dbml
+// Add your DBML here
+Table floating_tab_bars {
+  id integer
+  position string
+  items json
+}
+```
+
+## related
+
+[[REQ0134-DemoList]]

01_Requirements/REQ0136/index.md

@@ -0,0 +1,24 @@
+---
+tags: requirements
+---
+
+# REQ0136-DemoProfileExample
+
+## description
+
+<Profile Example.png>
+
+## schema
+
+```dbml
+// Add your DBML here
+Table profiles {
+  id integer
+  name string
+  avatar_url string
+}
+```
+
+## related
+
+[[REQ0135-DemoPinterestFloatingTabBar]]

01_Requirements/REQ0137/index.md

@@ -0,0 +1,24 @@
+---
+tags: [requirements]
+---
+
+# REQ0137-DemoPullstateTutorial
+
+## Description
+
+![Pullstate Tutorial](Pullstate%20Tutorial.png)
+
+## Schema
+
+```dbml
+// Add your DBML here
+Table pullstates {
+  id integer
+  state json
+  timestamp datetime
+}
+```
+
+## Related
+
+- [REQ0136-DemoProfileExample](#)

01_Requirements/REQ0138/index.md

@@ -0,0 +1,24 @@
+---
+tags: [requirements]
+---
+
+# REQ0138-DemoQrScanner
+
+## Description
+
+![QR Scanner](QR%20Scanner.png)
+
+## Schema
+
+```dbml
+// Add your DBML here
+Table qr_scanners {
+  id integer
+  scan_data string
+  scan_time datetime
+}
+```
+
+## Related
+
+- [REQ0137-DemoPullstateTutorial](#)

01_Requirements/REQ0139/index.md

@@ -0,0 +1,24 @@
+---
+tags: [requirements]
+---
+
+# REQ0139-DemoQuizApp
+
+## Description
+
+![Quiz App](Quiz%20App.png)
+
+## Schema
+
+```dbml
+// Add your DBML here
+Table quizzes {
+  id integer
+  questions json
+  results json
+}
+```
+
+## Related
+
+- [REQ0138-DemoQrScanner](#)

01_Requirements/REQ0140/index.md

@@ -0,0 +1,25 @@
+---
+tags: [requirements]
+---
+
+# REQ0140-DemoQuoteApp
+
+## Description
+
+![Quote App](Quote%20App.png)
+
+## Schema
+
+```dbml
+// Add your DBML here
+Table quotes {
+  id integer
+  content string
+  author string
+  category string
+}
+```
+
+## Related
+
+- [REQ0139-DemoQuizApp](#)

01_Requirements/REQ0141/index.md

@@ -0,0 +1,25 @@
+---
+tags: [requirements]
+---
+
+# REQ0141-DemoReactAddToCart
+
+## Description
+
+![React Add To Cart](React%20Add%20To%20Cart.png)
+
+## Schema
+
+```dbml
+// Add your DBML here
+Table cart_items {
+  id integer
+  product_id integer
+  quantity integer
+  user_id integer
+}
+```
+
+## Related
+
+- [REQ0140-DemoQuoteApp](#)

01_Requirements/REQ0142/index.md

@@ -0,0 +1,25 @@
+---
+tags: [requirements]
+---
+
+# REQ0142-DemoReactCalculator
+
+## Description
+
+![React Calculator](React%20Calculator.png)
+
+## Schema
+
+```dbml
+// Add your DBML here
+Table calculations {
+  id integer
+  expression string
+  result float
+  timestamp datetime
+}
+```
+
+## Related
+
+- [REQ0141-DemoReactAddToCart](#)

01_Requirements/REQ0143/index.md

@@ -0,0 +1,25 @@
+---
+tags: [requirements]
+---
+
+# REQ0143-DemoReactDrawingCanvas
+
+## Description
+
+![React Drawing Canvas](React%20Drawing%20Canvas.png)
+
+## Schema
+
+```dbml
+// Add your DBML here
+Table drawings {
+  id integer
+  canvas_data json
+  created_at datetime
+  updated_at datetime
+}
+```
+
+## Related
+
+- [REQ0142-DemoReactCalculator](#)

01_Requirements/REQ0144/index.md

@@ -0,0 +1,25 @@
+---
+tags: [requirements]
+---
+
+# REQ0144-DemoReactHookFormExample
+
+## Description
+
+![React Hook Form Example](React%20Hook%20Form%20Example.png)
+
+## Schema
+
+```dbml
+// Add your DBML here
+Table forms {
+  id integer
+  form_data json
+  submitted_at datetime
+  user_id integer
+}
+```
+
+## Related
+
+- [REQ0143-DemoReactDrawingCanvas](#)

01_Requirements/REQ0145/index.md

@@ -0,0 +1,26 @@
+---
+tags: [requirements]
+---
+
+# REQ0145-DemoReactItemList
+
+## Description
+
+![React Item List](React%20Item%20List.png)
+
+## Schema
+
+```dbml
+// Add your DBML here
+Table items {
+  id integer
+  name string
+  description text
+  price decimal
+  created_at datetime
+}
+```
+
+## Related
+
+- [REQ0144-DemoReactHookFormExample](#)

01_Requirements/REQ0146/index.md

@@ -0,0 +1,26 @@
+---
+tags: [requirements]
+---
+
+# REQ0146-DemoReactLifecycles
+
+## Description
+
+![React Lifecycles](React%20Lifecycles.png)
+
+## Schema
+
+```dbml
+// Add your DBML here
+Table components {
+  id integer
+  name string
+  lifecycle_stage string
+  mounted_at datetime
+  updated_at datetime
+}
+```
+
+## Related
+
+- [REQ0145-DemoReactItemList](#)

01_Requirements/REQ0147/index.md

@@ -0,0 +1,26 @@
+---
+tags: [requirements]
+---
+
+# REQ0147-DemoReactLogin
+
+## Description
+
+![React Login](React%20Login.png)
+
+## Schema
+
+```dbml
+// Add your DBML here
+Table users {
+  id integer
+  username string
+  password_hash string
+  last_login_at datetime
+  login_count integer
+}
+```
+
+## Related
+
+- [REQ0146-DemoReactLifecycles](#)

01_Requirements/REQ0148/index.md

@@ -0,0 +1,26 @@
+---
+tags: [requirements]
+---
+
+# REQ0148-DemoReactMarvelApp
+
+## Description
+
+![React Marvel App](React%20Marvel%20App.png)
+
+## Schema
+
+```dbml
+// Add your DBML here
+Table characters {
+  id integer
+  name string
+  description text
+  thumbnail_url string
+  comics_available integer
+}
+```
+
+## Related
+
+- [REQ0147-DemoReactLogin](#)

01_Requirements/REQ0149/index.md

@@ -0,0 +1,27 @@
+---
+tags: [requirements]
+---
+
+# REQ0149-DemoReactMovieAppWithAlgolia
+
+## Description
+
+![React Movie App with Algolia](React%20Movie%20App%20with%20Algolia.png)
+
+## Schema
+
+```dbml
+// Add your DBML here
+Table movies {
+  id integer
+  title string
+  year integer
+  rating decimal
+  search_index string
+  last_updated datetime
+}
+```
+
+## Related
+
+- [REQ0148-DemoReactMarvelApp](#)

01_Requirements/REQ0150/index.md

@@ -0,0 +1,27 @@
+---
+tags: [requirements]
+---
+
+# REQ0150-DemoReactNotes
+
+## Description
+
+![React Notes App](React%20Notes%20App.png)
+
+## Schema
+
+```dbml
+// Add your DBML here
+Table notes {
+  id integer
+  title string
+  content text
+  created_at datetime
+  updated_at datetime
+  is_pinned boolean
+}
+```
+
+## Related
+
+- [REQ0149-DemoReactMovieAppWithAlgolia](#)

01_Requirements/REQ0151/index.md

@@ -0,0 +1,27 @@
+---
+tags: [requirements]
+---
+
+# REQ0151-DemoReactOnboardingUi
+
+## Description
+
+![React Onboarding UI](React%20Onboarding%20UI.png)
+
+## Schema
+
+```dbml
+// Add your DBML here
+Table onboarding_steps {
+  id integer
+  title string
+  description text
+  is_completed boolean
+  order_number integer
+  component_name string
+}
+```
+
+## Related
+
+- [REQ0150-DemoReactNotes](#)

01_Requirements/REQ0152/index.md

@@ -0,0 +1,26 @@
+---
+tags: [requirements]
+---
+
+# REQ0152-DemoReactOverlayHooks
+
+## Description
+
+![React Overlay Hooks](React%20Overlay%20Hooks.png)
+
+## Schema
+
+```dbml
+// Add your DBML here
+Table overlays {
+  id integer
+  component_name string
+  is_visible boolean
+  z_index integer
+  animation_type string
+}
+```
+
+## Related
+
+- [REQ0151-DemoReactOnboardingUi](#)

01_Requirements/REQ0153/index.md

@@ -0,0 +1,10 @@
+---
+tags: [requirements]
+---
+
+# REQ0153-DemoReactPollApp
+
+## Description
+![React Poll App](React%20Poll%20App.png)
+
+## Schema

01_Requirements/REQ0154/index.md

@@ -0,0 +1 @@
+# DemoReactProfileDashboardUi

01_Requirements/REQ0155/index.md

@@ -0,0 +1 @@
+# DemoReactQuotes

01_Requirements/REQ0156/index.md

@@ -0,0 +1 @@
+# DemoReactShop

01_Requirements/REQ0157/index.md

@@ -0,0 +1 @@
+# DemoReactShopUi

01_Requirements/REQ0158/index.md

@@ -0,0 +1 @@
+# DemoReactSwitchTabs

01_Requirements/REQ0159/index.md

@@ -0,0 +1 @@
+# DemoReactTabsMenusCustom

01_Requirements/REQ0160/index.md

@@ -0,0 +1 @@
+# DemoReactThemeSwitcher

01_Requirements/REQ0161/index.md

@@ -0,0 +1 @@
+# DemoReactTravelApp

01_Requirements/REQ0162/index.md

@@ -0,0 +1 @@
+# DemoRecipeApp

01_Requirements/REQ0163/index.md

@@ -0,0 +1 @@
+# DemoRestaurantFinder

01_Requirements/REQ0164/index.md

@@ -0,0 +1 @@
+# DemoScoreBoard

01_Requirements/REQ0165/index.md

@@ -0,0 +1 @@
+# DemoShopAppUi

01_Requirements/REQ0166/index.md

@@ -0,0 +1 @@
+# DemoSkeletonText

01_Requirements/REQ0167/index.md

@@ -0,0 +1 @@
+# DemoSlidingProfile

01_Requirements/REQ0168/index.md

@@ -0,0 +1 @@
+# DemoStickyBottomSheetExample

01_Requirements/REQ0169/index.md

@@ -0,0 +1 @@
+# DemoStorageExample

01_Requirements/REQ0170/index.md

@@ -0,0 +1 @@
+# DemoWeatherAppUi

01_Requirements/REQ0180/index.md

@@ -0,0 +1,16 @@
+---
+tags: docker, ports
+---
+
+# REQ0180 service port schedule
+
+## Port Usage
+
+| Service     | Host **Port** | Container Port | Environment | Purpose                          | subdomain                |
+| ----------- | ------------- | -------------- | ----------- | -------------------------------- | ------------------------ |
+| Frontend    | 10001         | 8080           | All         | Web application access           | pa_admin.louislabs.com   |
+| Mobile      | 10004         | 3000           | All         | Mobile application access        | pa_mobile.louislabs.com  |
+| CMS Backend | 10002         | 7272           | All         | Main API access                  | pa_backend.louislabs.com |
+| CMS Backend | 10003         | 5555           | All         | Additional service access        | ---                      |
+| Postgres    | -             | 5432           | Production  | Database access (container only) | ---                      |
+| Postgres    | 5432          | 5432           | Development | Database access                  | ---                      |

01_Requirements/index.md

@@ -105,3 +105,56 @@
 - [REQ0116: REQ0116/main-tab](./REQ0116/index.md)
 - [REQ0117: REQ0117/default-route](./REQ0117/index.md)
 - [REQ0118: REQ0118/Not-Implemented-page](./REQ0118/index.md)
+- [REQ0119: REQ0119-Demo2FaExample](./REQ0119/index.md)
+- [REQ0120: REQ0120-PlaceholderFeature](./REQ0120/index.md)
+- [REQ0121: REQ0121-UserProfileFeature](./REQ0121/index.md)
+- [REQ0122: REQ0122-NotificationSystem](./REQ0122/index.md)
+- [REQ0123: REQ0123-AnalyticsDashboard](./REQ0123/index.md)
+- [REQ0124: REQ0124-PlaceholderTitle](./REQ0124/index.md)
+- [REQ0125: REQ0125-PlaceholderTitle](./REQ0125/index.md)
+- [REQ0126: REQ0126-PlaceholderTitle](./REQ0126/index.md)
+- [REQ0127: REQ0127-PlaceholderTitle](./REQ0127/index.md)
+- [REQ0128: REQ0128-PlaceholderTitle](./REQ0128/index.md)
+- [REQ0129: REQ0129-PlaceholderTitle](./REQ0129/index.md)
+- [REQ0130: REQ0130-PlaceholderTitle](./REQ0130/index.md)
+- [REQ0131: REQ0131-DemoInstagramClone](./REQ0131/index.md)
+- [REQ0132: REQ0132-DemoKanbanBoard](./REQ0132/index.md)
+- [REQ0133: REQ0133-DemoList](./REQ0133/index.md)
+- [REQ0134: REQ0134-DemoOrderingApp](./REQ0134/index.md)
+- [REQ0135: REQ0135-DemoPinterestFloatingTabBar](./REQ0135/index.md)
+- [REQ0136: REQ0136-DemoProfileExample](./REQ0136/index.md)
+- [REQ0137: REQ0137-DemoPullstateTutorial](./REQ0137/index.md)
+- [REQ0138: REQ0138-DemoQrScanner](./REQ0138/index.md)
+- [REQ0139: REQ0139-DemoQuizApp](./REQ0139/index.md)
+- [REQ0140: REQ0140-DemoQuoteApp](./REQ0140/index.md)
+- [REQ0141: REQ0141-DemoReactAddToCart](./REQ0141/index.md)
+- [REQ0142: REQ0142-DemoReactCalculator](./REQ0142/index.md)
+- [REQ0143: REQ0143-DemoReactDrawingCanvas](./REQ0143/index.md)
+- [REQ0144: REQ0144-DemoReactHookFormExample](./REQ0144/index.md)
+- [REQ0145: REQ0145-DemoReactItemList](./REQ0145/index.md)
+- [REQ0146: REQ0146-DemoReactLifecycles](./REQ0146/index.md)
+- [REQ0147: REQ0147-DemoReactLogin](./REQ0147/index.md)
+- [REQ0148: REQ0148-DemoReactMarvelApp](./REQ0148/index.md)
+- [REQ0149: REQ0149-DemoReactMovieAppWithAlgolia](./REQ0149/index.md)
+- [REQ0150: REQ0150-DemoReactNotes](./REQ0150/index.md)
+- [REQ0151: REQ0151-DemoReactOnboardingUi](./REQ0151/index.md)
+- [REQ0152: REQ0152-DemoReactOverlayHooks](./REQ0152/index.md)
+- [REQ0153: REQ0153-DemoReactPollApp](./REQ0153/index.md)
+- [REQ0154: DemoReactProfileDashboardUi](./REQ0154/index.md)
+- [REQ0155: DemoReactQuotes](./REQ0155/index.md)
+- [REQ0156: DemoReactShop](./REQ0156/index.md)
+- [REQ0157: DemoReactShopUi](./REQ0157/index.md)
+- [REQ0158: DemoReactSwitchTabs](./REQ0158/index.md)
+- [REQ0159: DemoReactTabsMenusCustom](./REQ0159/index.md)
+- [REQ0160: DemoReactThemeSwitcher](./REQ0160/index.md)
+- [REQ0161: DemoReactTravelApp](./REQ0161/index.md)
+- [REQ0162: DemoRecipeApp](./REQ0162/index.md)
+- [REQ0163: DemoRestaurantFinder](./REQ0163/index.md)
+- [REQ0164: DemoScoreBoard](./REQ0164/index.md)
+- [REQ0165: DemoShopAppUi](./REQ0165/index.md)
+- [REQ0166: DemoSkeletonText](./REQ0166/index.md)
+- [REQ0167: DemoSlidingProfile](./REQ0167/index.md)
+- [REQ0168: DemoStickyBottomSheetExample](./REQ0168/index.md)
+- [REQ0169: DemoStorageExample](./REQ0169/index.md)
+- [REQ0170: DemoWeatherAppUi](./REQ0170/index.md)
+- [REQ0180: REQ0180 service port schedule](./REQ0180/index.md)

03_source/cms_backend/dev.sh

@@ -0,0 +1,9 @@
+#!/usr/bin/env bash
+
+while true; do
+  yarn --dev
+  yarn dev
+
+  echo "restarting..."
+  sleep 1
+done

03_source/cms_backend/helloworld.txt

@@ -0,0 +1 @@
+helloworld

03_source/cms_backend/package.json

@@ -23,11 +23,13 @@
     "tsc:print": "npx tsc --showConfig",
     "migrate": "npx prisma migrate dev --skip-seed",
     "seed": "tsx ./prisma/seed.ts",
+    "seed:w": "npx nodemon --ext \"ts,tsx,json\" -w prisma --exec \"yarn seed\"",
     "unseed": "tsx ./prisma/unseed.ts",
     "db:generate": "prisma generate",
     "db:push": "prisma db push --force-reset",
-    "db:push:w": "npx nodemon --delay 5 --ext \"ts,tsx,prisma\" --exec \"yarn db:push && yarn seed && yarn db:studio\"",
-    "db:studio": "prisma studio"
+    "db:push:w": "npx nodemon --delay 1 --watch prisma --ext \"ts,tsx,prisma\" --exec \"yarn db:push && yarn seed\"",
+    "db:studio": "prisma studio",
+    "db:studio:w": "npx nodemon --delay 1 --watch prisma --ext \"prisma\" --exec \"yarn db:studio\""
   },
   "engines": {
     "node": ">=20"
@@ -36,6 +38,7 @@
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
+    "@faker-js/faker": "^9.8.0",
     "@mui/material": "^6.4.8",
     "@next-auth/prisma-adapter": "^1.0.7",
     "@prisma/adapter-pg": "^6.8.2",
@@ -45,6 +48,7 @@
     "dayjs": "^1.11.13",
     "es-toolkit": "^1.33.0",
     "jose": "^6.0.10",
+    "lodash": "^4.17.21",
     "next": "^14.2.26",
     "pg": "^8.16.0",
     "prisma": "^5.6.0",
@@ -56,6 +60,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.23.0",
+    "@types/lodash": "^4.17.17",
     "@types/node": "^22.13.13",
     "@types/react": "^18.3.20",
     "@types/react-dom": "^18.3.5",

03_source/cms_backend/prisma/schema.prisma

@@ -46,6 +46,9 @@ model Session {
 
 model User {
   id            String    @id @default(cuid())
+  createdAt     DateTime  @default(now())
+  updatedAt     DateTime  @updatedAt
+  //
   name          String?
   username      String?   @unique
   email         String    @unique
@@ -54,8 +57,6 @@ model User {
   image         String?
   bucketImage   String?
   admin         Boolean   @default(false)
-  createdAt     DateTime  @default(now())
-  updatedAt     DateTime  @updatedAt
   accounts      Account[]
   sessions      Session[]
   info          Json?
@@ -70,6 +71,18 @@ model VerificationToken {
   @@unique([identifier, token])
 }
 
+model Student {
+  id        Int      @id @default(autoincrement())
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+  //
+  email     String   @unique
+  metadata  Json     @default("{}")
+}
+
+// ----------------------------------------------------------------
+// frontend/src/_mock/_user.ts
+
 // ----------------------------------------------------------------
 
 // REQ0044/near_by_page
@@ -99,6 +112,9 @@ model Member {
   music             String[] @default([])
   pets              String[] @default([])
   character         String[] @default([])
+  //
+  avatar            String   @default("")
+  sex               String   @default("")
 }
 
 model Order {
@@ -118,7 +134,7 @@ model Event {
   id          Int      @id @default(autoincrement())
   eventDate   DateTime
   title       String
-  joinMembers Member[] // Assuming Member model exists
+  joinMembers Json[] // Assuming Member model exists
   price       Float
   currency    String
   duration_m  Int
@@ -127,6 +143,8 @@ model Event {
   location    String
   avatar      String // Assuming avatar is stored as a file path or URL
   Order       Order[]
+  Member      Member?  @relation(fields: [memberId], references: [id])
+  memberId    Int?
 }
 
 // cms_backend
@@ -266,85 +284,85 @@ model Mail {
   // attachments  MailAttachment[]
 }
 
-model OrderHistory {
-  id             Int        @id @default(autoincrement())
-  createdAt      DateTime   @default(now())
-  updatedAt      DateTime   @updatedAt
-  //
-  orderTime      DateTime
-  paymentTime    DateTime
-  deliveryTime   DateTime
-  completionTime DateTime
-  timeline       Json[]
-  OrderItem      OrderItem? @relation(fields: [orderItemId], references: [id])
-  orderItemId    Int?
-}
+// model OrderHistory {
+//   id             Int        @id @default(autoincrement())
+//   createdAt      DateTime   @default(now())
+//   updatedAt      DateTime   @updatedAt
+//   //
+//   orderTime      DateTime   @default(now())
+//   paymentTime    DateTime
+//   deliveryTime   DateTime
+//   completionTime DateTime
+//   timeline       Json[]
+//   OrderItem      OrderItem? @relation(fields: [orderItemId], references: [id])
+//   orderItemId    Int?
+// }
 
-model OrderShippingAddress {
-  id          Int        @id @default(autoincrement())
-  createdAt   DateTime   @default(now())
-  updatedAt   DateTime   @updatedAt
-  //
-  fullAddress String
-  phoneNumber String
-  OrderItem   OrderItem? @relation(fields: [orderItemId], references: [id])
-  orderItemId Int?
-}
+// model OrderShippingAddress {
+//   id          Int        @id @default(autoincrement())
+//   createdAt   DateTime   @default(now())
+//   updatedAt   DateTime   @updatedAt
+//   //
+//   fullAddress String
+//   phoneNumber String
+//   OrderItem   OrderItem? @relation(fields: [orderItemId], references: [id])
+//   orderItemId Int?
+// }
 
-model OrderPayment {
-  id          Int        @id @default(autoincrement())
-  createdAt   DateTime   @default(now())
-  updatedAt   DateTime   @updatedAt
-  //
-  cardType    String
-  cardNumber  String
-  OrderItem   OrderItem? @relation(fields: [orderItemId], references: [id])
-  orderItemId Int?
-}
+// model OrderPayment {
+//   id          Int        @id @default(autoincrement())
+//   createdAt   DateTime   @default(now())
+//   updatedAt   DateTime   @updatedAt
+//   //
+//   cardType    String
+//   cardNumber  String
+//   OrderItem   OrderItem? @relation(fields: [orderItemId], references: [id])
+//   orderItemId Int?
+// }
 
-model OrderDelivery {
-  id             Int        @id @default(autoincrement())
-  createdAt      DateTime   @default(now())
-  updatedAt      DateTime   @updatedAt
-  //
-  shipBy         String
-  speedy         String
-  trackingNumber String
-  OrderItem      OrderItem? @relation(fields: [orderItemId], references: [id])
-  orderItemId    Int?
-}
+// model OrderDelivery {
+//   id             Int        @id @default(autoincrement())
+//   createdAt      DateTime   @default(now())
+//   updatedAt      DateTime   @updatedAt
+//   //
+//   shipBy         String
+//   speedy         String
+//   trackingNumber String
+//   OrderItem      OrderItem? @relation(fields: [orderItemId], references: [id])
+//   orderItemId    Int?
+// }
 
-model OrderCustomer {
-  id          Int        @id @default(autoincrement())
-  createdAt   DateTime   @default(now())
-  updatedAt   DateTime   @updatedAt
-  //
-  name        String
-  email       String
-  avatarUrl   String
-  ipAddress   String
-  OrderItem   OrderItem? @relation(fields: [orderItemId], references: [id])
-  orderItemId Int?
-}
+// model OrderCustomer {
+//   id          Int        @id @default(autoincrement())
+//   createdAt   DateTime   @default(now())
+//   updatedAt   DateTime   @updatedAt
+//   //
+//   name        String
+//   email       String
+//   avatarUrl   String
+//   ipAddress   String
+//   OrderItem   OrderItem? @relation(fields: [orderItemId], references: [id])
+//   orderItemId Int?
+// }
 
-model OrderProductItem {
-  id          Int        @id @default(autoincrement())
-  createdAt   DateTime   @default(now())
-  updatedAt   DateTime   @updatedAt
-  //
-  sku         String
-  name        String
-  price       Float
-  coverUrl    String
-  quantity    Float
-  OrderItem   OrderItem? @relation(fields: [orderItemId], references: [id])
-  orderItemId Int?
-}
+// model OrderProductItem {
+//   id          Int        @id @default(autoincrement())
+//   createdAt   DateTime   @default(now())
+//   updatedAt   DateTime   @updatedAt
+//   //
+//   sku         String
+//   name        String
+//   price       Float
+//   coverUrl    String
+//   quantity    Float
+//   OrderItem   OrderItem? @relation(fields: [orderItemId], references: [id])
+//   orderItemId Int?
+// }
 
 model OrderItem {
-  id              Int                    @id @default(autoincrement())
-  createdAt       DateTime               @default(now())
-  updatedAt       DateTime               @updatedAt
+  id              String   @id @default(uuid())
+  createdAt       DateTime @default(now())
+  updatedAt       DateTime @updatedAt
   //
   taxes           Float
   status          String
@@ -354,12 +372,18 @@ model OrderItem {
   orderNumber     String
   totalAmount     Float
   totalQuantity   Float
-  history         OrderHistory[]
-  payment         OrderPayment[]
-  customer        OrderCustomer[]
-  delivery        OrderDelivery[]
-  items           OrderProductItem[]
-  shippingAddress OrderShippingAddress[]
+  history         Json
+  payment         Json
+  customer        Json
+  delivery        Json
+  items           Json[]
+  shippingAddress Json
+  // OrderProductItem     OrderProductItem[]
+  // OrderHistory         OrderHistory[]
+  // OrderDelivery        OrderDelivery[]
+  // OrderCustomer        OrderCustomer[]
+  // OrderPayment         OrderPayment[]
+  // OrderShippingAddress OrderShippingAddress[]
 }
 
 // src/types/tour.ts
@@ -510,8 +534,9 @@ model UserCard {
   totalFollowing Float
 }
 
+// `UserItem` obsoleted, use `UserMeta` instead
 model UserItem {
-  id          Int      @id @default(autoincrement())
+  id          String   @id @default(uuid())
   createdAt   DateTime @default(now())
   updatedAt   DateTime @updatedAt
   //
@@ -528,6 +553,36 @@ model UserItem {
   avatarUrl   String
   phoneNumber String
   isVerified  Boolean
+  //
+  username    String
+  password    String
+  //
+  isAdmin     Boolean  @default(false)
+}
+
+model UserMeta {
+  id          String   @id @default(uuid())
+  createdAt   DateTime @default(now())
+  updatedAt   DateTime @updatedAt
+  //
+  name        String
+  city        String
+  role        String
+  email       String
+  state       String
+  status      String
+  address     String
+  country     String
+  zipCode     String
+  company     String
+  avatarUrl   String
+  phoneNumber String
+  isVerified  Boolean
+  //
+  username    String
+  password    String
+  //
+  isAdmin     Boolean  @default(false)
 }
 
 model UserAccountBillingHistory {
@@ -777,8 +832,8 @@ model AddressItem {
   addressType     String?
   CheckoutState   CheckoutState[]
   checkoutStateId Int?
-  InvoiceTo       Invoice[]       @relation("invoice_to")
-  InvoiceFrom     Invoice[]       @relation("invoice_from")
+  // InvoiceTo       Invoice[]       @relation("invoice_to")
+  // InvoiceFrom     Invoice[]       @relation("invoice_from")
 }
 
 model SocialLink {
@@ -860,6 +915,8 @@ model FileStore {
   preview    String
   size       Float
   type       String
+  //
+  content    Bytes    @db.ByteA
 }
 
 // invoice.ts
@@ -876,40 +933,45 @@ model InvoiceTableFilters {
 }
 
 model InvoiceItem {
-  id          Int      @id @default(autoincrement())
-  createdAt   DateTime @default(now())
-  updatedAt   DateTime @updatedAt
+  id            String   @id @default(uuid())
+  createdAt     DateTime @default(now())
+  updatedAt     DateTime @updatedAt
   //
-  title       String
-  price       Float
-  total       Float
-  service     String
-  quantity    Int
-  description String
-  Invoice     Invoice? @relation(fields: [invoiceId], references: [id])
-  invoiceId   Int?
-}
-
-model Invoice {
-  id            Int           @id @default(autoincrement())
-  createdAt     DateTime      @default(now())
-  updatedAt     DateTime      @updatedAt
-  //
-  sent          Int
   taxes         Float
   status        String
-  subtotal      Float
   discount      Float
   shipping      Float
+  subtotal      Float
   totalAmount   Float
-  dueDate       DateTime
+  items         Json[]
   invoiceNumber String
-  items         InvoiceItem[]
-  createDate    DateTime
-  invoiceTo     AddressItem[] @relation("invoice_to")
-  invoiceFrom   AddressItem[] @relation("invoice_from")
+  invoiceFrom   Json
+  invoiceTo     Json
+  sent          Float
+  dueDate       DateTime @default(now())
+  createDate    DateTime @default(now())
 }
 
+// model Invoice {
+//   id            Int           @id @default(autoincrement())
+//   createdAt     DateTime      @default(now())
+//   updatedAt     DateTime      @updatedAt
+//   //
+//   sent          Int
+//   taxes         Float
+//   status        String
+//   subtotal      Float
+//   discount      Float
+//   shipping      Float
+//   totalAmount   Float
+//   dueDate       DateTime
+//   invoiceNumber String
+//   items         InvoiceItem[]
+//   createDate    DateTime
+//   invoiceTo     AddressItem[] @relation("invoice_to")
+//   invoiceFrom   AddressItem[] @relation("invoice_from")
+// }
+
 // job.ts
 model JobFilters {
   id        Int      @id @default(autoincrement())
@@ -1062,3 +1124,96 @@ model Kanban {
   columns   KanbanColumn[]
   tasks     KanbanTask[]
 }
+
+// mapped to IEventReview
+model EventReview {
+  id          String     @id @default(uuid())
+  createdAt   DateTime   @default(now())
+  updatedAt   DateTime   @updatedAt
+  //
+  name        String
+  rating      Float
+  comment     String
+  helpful     Float
+  avatarUrl   String
+  postedAt    DateTime   @default(now()) // Assuming IDateValue maps to DateTime
+  isPurchased Boolean
+  attachments String[]
+  //
+  EventItem   EventItem? @relation(fields: [eventItemId], references: [id])
+  eventItemId String?
+}
+
+// mapped to IEventItem
+model EventItem {
+  id             String        @id @default(uuid())
+  createdAt      DateTime      @default(now())
+  updatedAt      DateTime      @updatedAt
+  //
+  sku            String
+  name           String
+  code           String
+  price          Float
+  taxes          Float
+  tags           String[]
+  sizes          String[]
+  publish        String
+  gender         String[]
+  coverUrl       String
+  images         String[]
+  colors         String[]
+  quantity       Int
+  category       String
+  available      Int
+  totalSold      Int
+  description    String
+  totalRatings   Float
+  totalReviews   Int
+  inventoryType  String
+  subDescription String
+  priceSale      Float?
+  newLabel       Json
+  saleLabel      Json
+  ratings        Json[]
+  //
+  eventDate      DateTime      @default(now())
+  joinMembers    Json[]
+  title          String
+  currency       String
+  duration_m     Float
+  ageBottom      Float
+  ageTop         Float
+  location       String
+  avatar         String[]
+  //
+  reviews        EventReview[]
+}
+
+model AppLog {
+  id        String   @id @default(uuid())
+  timestamp DateTime @default(now())
+  //
+  level     Int?     @default(1)
+  message   String?  @default("")
+  //
+  module    String?
+  userId    String?
+  metadata  Json?
+
+  @@index([timestamp])
+  @@index([level])
+  @@index([module])
+}
+
+model AccessLog {
+  id        String   @id @default(uuid())
+  timestamp DateTime @default(now())
+  //
+  userId    String?  @default("")
+  message   String?  @default("")
+  //
+  metadata  Json?
+
+  @@index([timestamp])
+  @@index([userId])
+}

03_source/cms_backend/prisma/seed.ts

@@ -21,6 +21,17 @@ import { superuserSeed } from './seeds/superuser';
 import { userSeed } from './seeds/user';
 import { ProductReview } from './seeds/productReview';
 import { ProductItem } from './seeds/productItem';
+import { FileStore } from './seeds/fileStore';
+import { userItemSeed } from './seeds/userItem';
+import { orderItemSeed } from './seeds/orderItem';
+import { invoiceItemSeed } from './seeds/invoiceItem';
+//
+import { EventItemSeed } from './seeds/eventItem';
+import { EventReviewSeed } from './seeds/eventReview';
+import { appLogSeed } from './seeds/AppLog';
+import { accessLogSeed } from './seeds/AccessLog';
+import { userMetaSeed } from './seeds/userMeta';
+
 //
 // import { Blog } from './seeds/blog';
 // import { Mail } from './seeds/mail';
@@ -34,9 +45,24 @@ import { ProductItem } from './seeds/productItem';
   await superuserSeed;
   await userSeed;
   await ProductReview;
+  await FileStore;
   await ProductItem;
+
+  await userItemSeed;
+  await userMetaSeed;
+
+  await orderItemSeed;
+  await invoiceItemSeed;
+  //
+  await EventReviewSeed;
+  await EventItemSeed;
+  //
+  await appLogSeed;
+  await accessLogSeed;
+
   // await Blog;
   // await Mail;
   // await File;
   // await Chat;
+  console.log('seed done');
 })();

03_source/cms_backend/prisma/seeds/AccessLog.ts

@@ -0,0 +1,36 @@
+import { PrismaClient } from '@prisma/client';
+import { format, parseISO } from 'date-fns';
+
+const L_ERROR = 0;
+const L_WARN = 1;
+const L_INFO = 2;
+const L_DEBUG = 3;
+const L_TRACE = 4;
+
+const prisma = new PrismaClient();
+
+async function accessLog() {
+  await prisma.accessLog.upsert({
+    where: { id: '0' },
+    update: {},
+    create: {
+      userId: '0',
+      message: 'helloworld',
+      metadata: { hello: 'world' },
+    },
+  });
+
+  console.log('seed AccessLog done');
+}
+
+const accessLogSeed = accessLog()
+  .then(async () => {
+    await prisma.$disconnect();
+  })
+  .catch(async (e) => {
+    console.error(e);
+    await prisma.$disconnect();
+    process.exit(1);
+  });
+
+export { accessLogSeed };

03_source/cms_backend/prisma/seeds/AppLog.ts

@@ -0,0 +1,71 @@
+import { PrismaClient } from '@prisma/client';
+import { format, parseISO } from 'date-fns';
+
+const L_ERROR = 0;
+const L_WARN = 1;
+const L_INFO = 2;
+const L_DEBUG = 3;
+const L_TRACE = 4;
+
+const prisma = new PrismaClient();
+
+async function appLog() {
+  await prisma.appLog.upsert({
+    where: { id: '0' },
+    update: {},
+    create: {
+      message: 'helloworld',
+      level: L_ERROR,
+    },
+  });
+
+  await prisma.appLog.upsert({
+    where: { id: '1' },
+    update: {},
+    create: {
+      message: 'warning message',
+      level: L_WARN,
+    },
+  });
+
+  await prisma.appLog.upsert({
+    where: { id: '2' },
+    update: {},
+    create: {
+      message: 'info message',
+      level: L_INFO,
+    },
+  });
+
+  await prisma.appLog.upsert({
+    where: { id: '3' },
+    update: {},
+    create: {
+      message: 'debug message',
+      level: L_DEBUG,
+    },
+  });
+
+  await prisma.appLog.upsert({
+    where: { id: '4' },
+    update: {},
+    create: {
+      message: 'trace message',
+      level: L_TRACE,
+    },
+  });
+
+  console.log('seed AppLog done');
+}
+
+const appLogSeed = appLog()
+  .then(async () => {
+    await prisma.$disconnect();
+  })
+  .catch(async (e) => {
+    console.error(e);
+    await prisma.$disconnect();
+    process.exit(1);
+  });
+
+export { appLogSeed };

03_source/cms_backend/prisma/seeds/Member.ts

@@ -2,12 +2,43 @@ import { PrismaClient } from '@prisma/client';
 const prisma = new PrismaClient();
 
 async function member() {
-  for (let i = 0; i < 100; i++) {
+  [
+    {
+      email: 'tom@exampl.com',
+      avatar: `https://plus.unsplash.com/premium_photo-1671656349322-41de944d259b`,
+      sex: 'M',
+    },
+    {
+      email: 'may@exampl.com',
+      avatar: `https://images.unsplash.com/photo-1522075469751-3a6694fb2f61`,
+      sex: 'F',
+    },
+    {
+      email: 'june@exampl.com',
+      avatar: `https://plus.unsplash.com/premium_photo-1723867331866-e112500178a4`,
+      sex: 'M',
+    },
+    {
+      email: 'april@exampl.com',
+      avatar: `https://plus.unsplash.com/premium_photo-1682089894837-e01e5cb8e471`,
+      sex: 'F',
+    },
+    {
+      email: 'susan@exampl.com',
+      avatar: `https://images.unsplash.com/photo-1485893086445-ed75865251e0`,
+      sex: 'M',
+    },
+    {
+      email: 'peter@exampl.com',
+      avatar: `https://plus.unsplash.com/premium_photo-1722945763962-305a5a769cc8`,
+      sex: 'F',
+    },
+  ].forEach(async (m, i) => {
     const john = await prisma.member.upsert({
-      where: { email: `member${i}@example.com` },
+      where: { email: m.email },
       update: {},
       create: {
-        email: `member${i}@example.com`,
+        email: m.email,
         name: `member_${i}`,
         age: 20 + i,
         rank: i % 2 ? 'VIP' : 'NON_VIP',
@@ -25,11 +56,42 @@ async function member() {
         self_introduction: 'Get me know me before you love me. Get me know me before you love me.',
         music: ['Classic', 'Classic', 'Classic', 'Classic', 'Classic', 'Classic'],
         pets: ['Classic', 'Classic', 'Classic', 'Classic', 'Classic', 'Classic'],
-        character: ['Classic', 'Classic', 'Classic', 'Classic', 'Classic', 'Classic']
-      }
+        character: ['Classic', 'Classic', 'Classic', 'Classic', 'Classic', 'Classic'],
+        avatar: m.avatar,
+        sex: m.sex,
+      },
+    });
+  });
+
+  for (let i = 0; i < 3; i++) {
+    const john = await prisma.member.upsert({
+      where: { email: `member${i}@example.com` },
+      update: {},
+      create: {
+        email: `member${i}@example.com`,
+        name: `member_${i}`,
+        age: 20 + i,
+        rank: i % 2 ? 'VIP' : 'NON_VIP',
+        verified: i % 3 ? 'NOT_VERIFIED' : 'VERIFIED',
+        hobbies: ['fishing', 'basketball', 'piano'],
+        distance: `${40 + Math.random() * 40}km`,
+        location_area: 'Sai Kung',
+        greetings: 'Hi, I am ',
+        gender: 'man',
+        tall_cm: 172 + Math.random() * 10,
+        weight_kg: 60 + Math.random() * 50,
+        occupation: 'doctor',
+        language: ['English', 'French', 'Chinese'],
+        education: ['Degree of Computer'],
+        self_introduction: 'Get me know me before you love me. Get me know me before you love me.',
+        music: ['Classic', 'Classic', 'Classic', 'Classic', 'Classic', 'Classic'],
+        pets: ['Classic', 'Classic', 'Classic', 'Classic', 'Classic', 'Classic'],
+        character: ['Classic', 'Classic', 'Classic', 'Classic', 'Classic', 'Classic'],
+        avatar: '',
+        sex: i % 2 ? 'M' : 'F',
+      },
     });
   }
-
   console.log('seed member done');
 }
 

03_source/cms_backend/prisma/seeds/Order.ts

@@ -10,8 +10,8 @@ async function order() {
         title: 'Single Party with Dating',
         order_time: new Date(),
         last_payment_date: new Date(),
-        status: 'Pending'
-      }
+        status: 'Pending',
+      },
     });
   }
 

03_source/cms_backend/prisma/seeds/_mock.ts

@@ -78,11 +78,12 @@ export const _mock = {
     avatar: (index: number) => `${CONFIG.basePath}/assets/images/avatar/avatar-${index + 1}.webp`,
     travel: (index: number) => `${CONFIG.basePath}/assets/images/travel/travel-${index + 1}.webp`,
     course: (index: number) => `${CONFIG.basePath}/assets/images/course/course-${index + 1}.webp`,
-    company: (index: number) =>
-      `${CONFIG.basePath}/assets/images/company/company-${index + 1}.webp`,
-    product: (index: number) =>
-      `${CONFIG.basePath}/assets/images/m-product/product-${index + 1}.webp`,
-    portrait: (index: number) =>
-      `${CONFIG.basePath}/assets/images/portrait/portrait-${index + 1}.webp`,
+    company: (index: number) => `${CONFIG.basePath}/assets/images/company/company-${index + 1}.webp`,
+    product: (index: number) => `${CONFIG.basePath}/assets/images/m-product/product-${index + 1}.webp`,
+    portrait: (index: number) => `${CONFIG.basePath}/assets/images/portrait/portrait-${index + 1}.webp`,
+    //
+    event: (index: number) => `${CONFIG.basePath}/assets/images/m-product/product-${index + 1}.webp`,
   },
+  //
+  eventName: (index: number) => _eventNames[index],
 };

03_source/cms_backend/prisma/seeds/_others.ts

@@ -0,0 +1,187 @@
+import { _mock } from './_mock';
+
+// ----------------------------------------------------------------------
+
+export const _carouselsMembers = Array.from({ length: 6 }, (_, index) => ({
+  id: _mock.id(index),
+  name: _mock.fullName(index),
+  role: _mock.role(index),
+  avatarUrl: _mock.image.portrait(index),
+}));
+
+// ----------------------------------------------------------------------
+
+export const _faqs = Array.from({ length: 8 }, (_, index) => ({
+  id: _mock.id(index),
+  value: `panel${index + 1}`,
+  heading: `Questions ${index + 1}`,
+  detail: _mock.description(index),
+}));
+
+// ----------------------------------------------------------------------
+
+export const _addressBooks = Array.from({ length: 24 }, (_, index) => ({
+  id: _mock.id(index),
+  primary: index === 0,
+  name: _mock.fullName(index),
+  email: _mock.email(index + 1),
+  fullAddress: _mock.fullAddress(index),
+  phoneNumber: _mock.phoneNumber(index),
+  company: _mock.companyNames(index + 1),
+  addressType: index === 0 ? 'Home' : 'Office',
+}));
+
+// ----------------------------------------------------------------------
+
+export const _contacts = Array.from({ length: 20 }, (_, index) => {
+  const status = (index % 2 && 'online') || (index % 3 && 'offline') || (index % 4 && 'always') || 'busy';
+
+  return {
+    id: _mock.id(index),
+    status,
+    role: _mock.role(index),
+    email: _mock.email(index),
+    name: _mock.fullName(index),
+    phoneNumber: _mock.phoneNumber(index),
+    lastActivity: _mock.time(index),
+    avatarUrl: _mock.image.avatar(index),
+    address: _mock.fullAddress(index),
+  };
+});
+
+// ----------------------------------------------------------------------
+
+export const _notifications = Array.from({ length: 9 }, (_, index) => ({
+  id: _mock.id(index),
+  avatarUrl: [_mock.image.avatar(1), _mock.image.avatar(2), _mock.image.avatar(3), _mock.image.avatar(4), _mock.image.avatar(5), null, null, null, null, null][
+    index
+  ],
+  type: ['friend', 'project', 'file', 'tags', 'payment', 'order', 'delivery', 'chat', 'mail'][index],
+  category: ['Communication', 'Project UI', 'File manager', 'File manager', 'File manager', 'Order', 'Order', 'Communication', 'Communication'][index],
+  isUnRead: _mock.boolean(index),
+  createdAt: _mock.time(index),
+  title:
+    (index === 0 && `<p><strong>Deja Brady</strong> sent you a friend request</p>`) ||
+    (index === 1 && `<p><strong>Jayvon Hull</strong> mentioned you in <strong><a href='#'>Minimal UI</a></strong></p>`) ||
+    (index === 2 && `<p><strong>Lainey Davidson</strong> added file to <strong><a href='#'>File manager</a></strong></p>`) ||
+    (index === 3 && `<p><strong>Angelique Morse</strong> added new tags to <strong><a href='#'>File manager<a/></strong></p>`) ||
+    (index === 4 && `<p><strong>Giana Brandt</strong> request a payment of <strong>$200</strong></p>`) ||
+    (index === 5 && `<p>Your order is placed waiting for shipping</p>`) ||
+    (index === 6 && `<p>Delivery processing your order is being shipped</p>`) ||
+    (index === 7 && `<p>You have new message 5 unread messages</p>`) ||
+    (index === 8 && `<p>You have new mail`) ||
+    '',
+}));
+
+// ----------------------------------------------------------------------
+
+export const _mapContact = [
+  { latlng: [33, 65], address: _mock.fullAddress(1), phoneNumber: _mock.phoneNumber(1) },
+  { latlng: [-12.5, 18.5], address: _mock.fullAddress(2), phoneNumber: _mock.phoneNumber(2) },
+];
+
+// ----------------------------------------------------------------------
+
+export const _socials = [
+  {
+    value: 'facebook',
+    label: 'Facebook',
+    path: 'https://www.facebook.com/caitlyn.kerluke',
+  },
+  {
+    value: 'instagram',
+    label: 'Instagram',
+    path: 'https://www.instagram.com/caitlyn.kerluke',
+  },
+  {
+    value: 'linkedin',
+    label: 'Linkedin',
+    path: 'https://www.linkedin.com/caitlyn.kerluke',
+  },
+  {
+    value: 'twitter',
+    label: 'Twitter',
+    path: 'https://www.twitter.com/caitlyn.kerluke',
+  },
+];
+
+// ----------------------------------------------------------------------
+
+export const _pricingPlans = [
+  {
+    subscription: 'basic',
+    price: 0,
+    caption: 'Forever',
+    lists: ['3 prototypes', '3 boards', 'Up to 5 team members'],
+    labelAction: 'Current plan',
+  },
+  {
+    subscription: 'starter',
+    price: 4.99,
+    caption: 'Saving $24 a year',
+    lists: ['3 prototypes', '3 boards', 'Up to 5 team members', 'Advanced security', 'Issue escalation'],
+    labelAction: 'Choose starter',
+  },
+  {
+    subscription: 'premium',
+    price: 9.99,
+    caption: 'Saving $124 a year',
+    lists: [
+      '3 prototypes',
+      '3 boards',
+      'Up to 5 team members',
+      'Advanced security',
+      'Issue escalation',
+      'Issue development license',
+      'Permissions & workflows',
+    ],
+    labelAction: 'Choose premium',
+  },
+];
+
+// ----------------------------------------------------------------------
+
+export const _testimonials = [
+  {
+    name: _mock.fullName(1),
+    postedDate: _mock.time(1),
+    ratingNumber: _mock.number.rating(1),
+    avatarUrl: _mock.image.avatar(1),
+    content: `Excellent Work! Thanks a lot!`,
+  },
+  {
+    name: _mock.fullName(2),
+    postedDate: _mock.time(2),
+    ratingNumber: _mock.number.rating(2),
+    avatarUrl: _mock.image.avatar(2),
+    content: `It's a very good dashboard and we are really liking the product . We've done some things, like migrate to TS and implementing a react useContext api, to fit our job methodology but the product is one of the best in terms of design and application architecture. The team did a really good job.`,
+  },
+  {
+    name: _mock.fullName(3),
+    postedDate: _mock.time(3),
+    ratingNumber: _mock.number.rating(3),
+    avatarUrl: _mock.image.avatar(3),
+    content: `Customer support is realy fast and helpful the desgin of this theme is looks amazing also the code is very clean and readble realy good job !`,
+  },
+  {
+    name: _mock.fullName(4),
+    postedDate: _mock.time(4),
+    ratingNumber: _mock.number.rating(4),
+    avatarUrl: _mock.image.avatar(4),
+    content: `Amazing, really good code quality and gives you a lot of examples for implementations.`,
+  },
+  {
+    name: _mock.fullName(5),
+    postedDate: _mock.time(5),
+    ratingNumber: _mock.number.rating(5),
+    avatarUrl: _mock.image.avatar(5),
+    content: `Got a few questions after purchasing the product. The owner responded very fast and very helpfull. Overall the code is excellent and works very good. 5/5 stars!`,
+  },
+  {
+    name: _mock.fullName(6),
+    postedDate: _mock.time(6),
+    ratingNumber: _mock.number.rating(6),
+    avatarUrl: _mock.image.avatar(6),
+    content: `CEO of Codealy.io here. We’ve built a developer assessment platform that makes sense - tasks are based on git repositories and run in virtual machines. We automate the pain points - storing candidates code, running it and sharing test results with the whole team, remotely. Bought this template as we need to provide an awesome dashboard for our early customers. I am super happy with purchase. The code is just as good as the design. Thanks!`,
+  },
+];

03_source/cms_backend/prisma/seeds/eventItem.ts

@@ -0,0 +1,277 @@
+import { _mock } from './_mock';
+import { _tags } from './assets';
+
+import { PrismaClient, EventReview } from '@prisma/client';
+import { _eventsReview } from './eventReview';
+import { CONFIG } from './global-config';
+
+import _ from 'lodash';
+
+const prisma = new PrismaClient();
+
+const COLORS = ['#FF4842', '#1890FF', '#FFC0CB', '#00AB55', '#FFC107', '#7F00FF', '#000000', '#FFFFFF'];
+
+const DESCRIPTION = `
+<h6>Specifications</h6>
+<table>
+  <tbody>
+    <tr>
+      <td>Category</td>
+      <td>Mobile</td>
+    </tr>
+    <tr>
+      <td>Manufacturer</td>
+      <td>Apple</td>
+    </tr>
+    <tr>
+      <td>Warranty</td>
+      <td>12 Months</td>
+    </tr>
+    <tr>
+      <td>Serial number</td>
+      <td>358607726380311</td>
+    </tr>
+    <tr>
+      <td>Ships from</td>
+      <td>United States</td>
+    </tr>
+  </tbody>
+</table>
+
+<h6>Event details</h6>
+<ul>
+  <li>
+    <p>The foam sockliner feels soft and comfortable</p>
+  </li>
+  <li>
+    <p>Pull tab</p>
+  </li>
+  <li>
+    <p>Not intended for use as Personal Protective Equipment</p>
+  </li>
+  <li>
+    <p>Colour Shown: White/Black/Oxygen Purple/Action Grape</p>
+  </li>
+  <li>
+    <p>Style: 921826-109</p>
+  </li>
+  <li>
+    <p>Country/Region of Origin: China</p>
+  </li>
+</ul>
+<h6>Benefits</h6>
+<ul>
+  <li>
+    <p>Mesh and synthetic materials on the upper keep the fluid look of the OG while adding comfort</p>
+    and durability.
+  </li>
+  <li>
+    <p>Originally designed for performance running, the full-length Max Air unit adds soft, comfortable cushio</p>
+    ning underfoot.
+  </li>
+  <li>
+    <p>The foam midsole feels springy and soft.</p>
+  </li>
+  <li>
+    <p>The rubber outsole adds traction and durability.</p>
+  </li>
+</ul>
+<h6>Delivery and returns</h6>
+<p>Your order of $200 or more gets free standard delivery.</p>
+<ul>
+  <li>
+    <p>Standard delivered 4-5 Business Days</p>
+  </li>
+  <li>
+    <p>Express delivered 2-4 Business Days</p>
+  </li>
+</ul>
+<p>Orders are processed and delivered Monday-Friday (excluding public holidays)</p>
+
+`;
+
+const getColorSliceForIndex = (index: number) => {
+  if (index === 0) return COLORS.slice(0, 2);
+  if (index === 1) return COLORS.slice(1, 3);
+  if (index === 2) return COLORS.slice(2, 4);
+  if (index === 3) return COLORS.slice(3, 6);
+  if (index === 4 || index === 16 || index === 19) return COLORS.slice(4, 6);
+  if (index === 5 || index === 17) return COLORS.slice(5, 6);
+  if (index === 6 || index === 18) return COLORS.slice(0, 2);
+  if (index === 7) return COLORS.slice(4, 6);
+  if (index === 8) return COLORS.slice(2, 4);
+  if (index === 9 || index === 11) return COLORS.slice(2, 6);
+  if (index === 10) return COLORS.slice(3, 6);
+  if (index === 12) return COLORS.slice(2, 7);
+  if (index === 13) return COLORS.slice(4, 7);
+  if (index === 14) return COLORS.slice(0, 2);
+  if (index === 15) return COLORS.slice(5, 8);
+  return COLORS.slice(2, 6); // Default case
+};
+
+const generateAttachments = () => Array.from({ length: 20 }, (_, index) => _mock.image.event(index));
+
+const generateReviews = () => {
+  const attachments = generateAttachments();
+};
+
+const generateRatings = () =>
+  Array.from({ length: 5 }, (_, index) => ({
+    name: `${index + 1} Star`,
+    starCount: _mock.number.nativeL(index),
+    reviewCount: _mock.number.nativeL(index + 1),
+  }));
+
+const generateImages = () => Array.from({ length: 8 }, (_, index) => _mock.image.event(index));
+
+const _events = () =>
+  Array.from({ length: 2 }, (_, index) => {
+    const reviews = generateReviews();
+    const images = generateImages();
+    const ratings = generateRatings();
+    //
+    const publish = index % 3 ? 'published' : 'draft';
+
+    const category = (index % 2 && 'Shose') || (index % 3 && 'Apparel') || 'Accessories';
+
+    const gender = (index % 2 && ['Men']) || (index % 3 && ['Women', 'Kids']) || ['Kids'];
+
+    const available = (index % 2 && 72) || (index % 3 && 10) || 0;
+
+    const inventoryType = (index % 2 && 'in stock') || (index % 3 && 'low stock') || 'out of stock';
+
+    const priceSale = index % 3 ? undefined : _mock.number.price(index);
+
+    return {
+      id: _mock.id(index).toString(),
+      sku: `WW75K521${index}YW/SV`,
+      name: _mock.eventName(index),
+      gender,
+      images,
+      reviews,
+      publish,
+      ratings,
+      category,
+      available,
+      priceSale,
+      taxes: 10,
+      quantity: 80,
+      inventoryType,
+      tags: _tags.slice(0, 5),
+      code: `38BEE27${index}`,
+      description: DESCRIPTION,
+      createdAt: _mock.time(index),
+      price: _mock.number.price(index),
+      coverUrl: _mock.image.event(index),
+      colors: getColorSliceForIndex(index),
+      totalRatings: _mock.number.rating(index),
+      totalSold: _mock.number.nativeM(index + 1),
+      totalReviews: _mock.number.nativeL(index + 1),
+      newLabel: { enabled: [1, 2, 3].includes(index), content: 'NEW' },
+      saleLabel: { enabled: [4, 5].includes(index), content: 'SALE' },
+      sizes: ['6', '7', '8', '8.5', '9', '9.5', '10', '10.5', '11', '11.5', '12', '13'],
+      subDescription: 'Featuring the original ripple design inspired by Japanese bullet trains, the Nike Air Max 97 lets you push your style full-speed ahead.',
+    };
+  });
+
+const memberList = (num_of_member: number) =>
+  _.shuffle([
+    {
+      email: 'tom@exampl.com',
+      avatar: `https://plus.unsplash.com/premium_photo-1671656349322-41de944d259b`,
+      sex: 'M',
+    },
+    {
+      email: 'may@exampl.com',
+      avatar: `https://images.unsplash.com/photo-1522075469751-3a6694fb2f61`,
+      sex: 'F',
+    },
+    {
+      email: 'june@exampl.com',
+      avatar: `https://plus.unsplash.com/premium_photo-1723867331866-e112500178a4`,
+      sex: 'M',
+    },
+    {
+      email: 'april@exampl.com',
+      avatar: `https://plus.unsplash.com/premium_photo-1682089894837-e01e5cb8e471`,
+      sex: 'F',
+    },
+    {
+      email: 'susan@exampl.com',
+      avatar: `https://images.unsplash.com/photo-1485893086445-ed75865251e0`,
+      sex: 'M',
+    },
+    {
+      email: 'peter@exampl.com',
+      avatar: `https://plus.unsplash.com/premium_photo-1722945763962-305a5a769cc8`,
+      sex: 'F',
+    },
+  ]).slice(0, num_of_member);
+
+async function eventItem() {
+  const temp_events = _events();
+
+  for (let i = 0; i < temp_events.length; i++) {
+    const temp_pr = _eventsReview();
+
+    const temp = await prisma.eventItem.upsert({
+      where: { id: temp_events[i].id.toString() },
+      update: {},
+      create: {
+        id: temp_events[i].id,
+        //
+        name: temp_events[i].name,
+        code: temp_events[i].code,
+        price: temp_events[i].price,
+        taxes: temp_events[i].taxes,
+        tags: temp_events[i].tags,
+        sizes: temp_events[i].sizes,
+        publish: temp_events[i].publish,
+        gender: temp_events[i].gender,
+        coverUrl: temp_events[i].coverUrl,
+        images: temp_events[i].images,
+        colors: temp_events[i].colors,
+        quantity: temp_events[i].quantity,
+        category: temp_events[i].category,
+        available: temp_events[i].available,
+        totalSold: temp_events[i].totalSold,
+        description: temp_events[i].description,
+        totalRatings: temp_events[i].totalRatings,
+        totalReviews: temp_events[i].totalReviews,
+        inventoryType: temp_events[i].inventoryType,
+        subDescription: temp_events[i].subDescription,
+        priceSale: temp_events[i].priceSale,
+        newLabel: temp_events[i].newLabel,
+        saleLabel: temp_events[i].saleLabel,
+        ratings: temp_events[i].ratings,
+        // review: { create: temp_pr },
+        reviews: { create: temp_pr },
+        sku: temp_events[i].sku,
+        //
+        eventDate: new Date(_mock.time(i)),
+        title: temp_events[i].name,
+        currency: 'HKD',
+        duration_m: 120,
+        ageBottom: 18,
+        ageTop: 60,
+        location: 'Hong Kong',
+        avatar: temp_events[i].images,
+        //
+        joinMembers: memberList(5 - i),
+      },
+    });
+  }
+  console.log('seed eventItem done');
+}
+
+const EventItem = eventItem()
+  .then(async () => {
+    await prisma.$disconnect();
+  })
+  .catch(async (e) => {
+    console.error(e);
+    await prisma.$disconnect();
+    process.exit(1);
+  });
+
+export { EventItem as EventItemSeed };

03_source/cms_backend/prisma/seeds/eventReview.ts

@@ -0,0 +1,61 @@
+import { _mock } from './_mock';
+import { _tags } from './assets';
+
+import { PrismaClient } from '@prisma/client';
+const prisma = new PrismaClient();
+
+const generateAttachments = () => Array.from({ length: 20 }, (_, index) => _mock.image.event(index));
+
+const generateReviews = () => {
+  const attachments = generateAttachments();
+
+  return Array.from({ length: 8 }, (_, index) => ({
+    // id: _mock.id(index),
+    name: _mock.fullName(index),
+    postedAt: _mock.time(index),
+    comment: _mock.sentence(index),
+    isPurchased: _mock.boolean(index),
+    rating: _mock.number.rating(index),
+    avatarUrl: _mock.image.avatar(index),
+    helpful: _mock.number.nativeL(index),
+    attachments: (index === 1 && attachments.slice(0, 1)) || (index === 3 && attachments.slice(2, 4)) || (index === 5 && attachments.slice(5, 8)) || [],
+  }));
+};
+
+export const _eventsReview = () => {
+  return generateReviews();
+};
+
+async function eventReview() {
+  const temp_pr = _eventsReview();
+
+  for (let i = 0; i < temp_pr.length; i++) {
+    const temp = await prisma.eventReview.upsert({
+      where: { id: i.toString() },
+      update: {},
+      create: {
+        name: temp_pr[i].name,
+        rating: temp_pr[i].rating,
+        comment: temp_pr[i].comment,
+        helpful: temp_pr[i].helpful,
+        avatarUrl: temp_pr[i].avatarUrl,
+        isPurchased: temp_pr[i].isPurchased,
+        attachments: temp_pr[i].attachments,
+        postedAt: temp_pr[i].postedAt,
+      },
+    });
+  }
+  console.log('seed eventReview done');
+}
+
+const EventReview = eventReview()
+  .then(async () => {
+    await prisma.$disconnect();
+  })
+  .catch(async (e) => {
+    console.error(e);
+    await prisma.$disconnect();
+    process.exit(1);
+  });
+
+export { EventReview as EventReviewSeed };

03_source/cms_backend/prisma/seeds/fileStore.ts

@@ -0,0 +1,36 @@
+import { PrismaClient } from '@prisma/client';
+const prisma = new PrismaClient();
+const fs = require('fs');
+
+const content = Buffer.from(fs.readFileSync('./helloworld.txt', 'utf-8'), 'utf-8');
+
+async function fileStore() {
+  for (let i = 0; i < 2 + 1; i++) {
+    const temp = await prisma.fileStore.upsert({
+      where: { id: i },
+      update: {},
+      create: {
+        name: 'helloworld.txt',
+        path: './helloworld.txt',
+        preview: '',
+        size: content.byteLength,
+        type: 'txt',
+        content: content,
+      },
+    });
+  }
+
+  console.log('seed fileStore done');
+}
+
+const FileStore = fileStore()
+  .then(async () => {
+    await prisma.$disconnect();
+  })
+  .catch(async (e) => {
+    console.error(e);
+    await prisma.$disconnect();
+    process.exit(1);
+  });
+
+export { FileStore };

03_source/cms_backend/prisma/seeds/invoiceItem.ts

@@ -0,0 +1,76 @@
+import { PrismaClient } from '@prisma/client';
+
+import { _mock } from './_mock';
+import { _tags } from './assets';
+import { _addressBooks } from './_others';
+import { fSub, fAdd } from './utils/format-time';
+
+const prisma = new PrismaClient();
+
+export const INVOICE_SERVICE_OPTIONS = Array.from({ length: 8 }, (_, index) => ({
+  id: _mock.id(index),
+  name: _tags[index],
+  price: _mock.number.price(index),
+}));
+
+const ITEMS = Array.from({ length: 3 }, (__, index) => {
+  const total = INVOICE_SERVICE_OPTIONS[index].price * _mock.number.nativeS(index);
+
+  return {
+    id: _mock.id(index),
+    total,
+    title: _mock.productName(index),
+    description: _mock.sentence(index),
+    price: INVOICE_SERVICE_OPTIONS[index].price,
+    service: INVOICE_SERVICE_OPTIONS[index].name,
+    quantity: _mock.number.nativeS(index),
+  };
+});
+
+async function invoiceItem() {
+  await prisma.orderItem.deleteMany({});
+
+  for (let index = 1; index < 3 + 1; index++) {
+    const shipping = 10;
+    const discount = 10;
+    const taxes = 10;
+    const items = (index % 2 && ITEMS.slice(0, 1)) || (index % 3 && ITEMS.slice(1, 3)) || ITEMS;
+    const subtotal = items.reduce((accumulator, item) => accumulator + item.price * item.quantity, 0);
+    const totalAmount = subtotal - shipping - discount + taxes;
+
+    const temp = await prisma.invoiceItem.upsert({
+      where: { id: index.toString() },
+      update: {},
+      create: {
+        id: index.toString(),
+        taxes,
+        status: (index % 2 && 'paid') || (index % 3 && 'pending') || (index % 4 && 'overdue') || 'draft',
+        discount,
+        shipping,
+        subtotal: items.reduce((accumulator, item) => accumulator + item.price * item.quantity, 0),
+        totalAmount,
+        items,
+        invoiceNumber: `INV-199${index}`,
+        invoiceFrom: _addressBooks[index],
+        invoiceTo: _addressBooks[index + 1],
+        sent: _mock.number.nativeS(index),
+        dueDate: new Date(fAdd({ days: index + 15, hours: index })),
+        createDate: new Date(fAdd({ days: index + 15, hours: index })),
+      },
+    });
+  }
+
+  console.log('seed invoiceItem done');
+}
+
+const invoiceItemSeed = invoiceItem()
+  .then(async () => {
+    await prisma.$disconnect();
+  })
+  .catch(async (e) => {
+    console.error(e);
+    await prisma.$disconnect();
+    process.exit(1);
+  });
+
+export { invoiceItemSeed };

03_source/cms_backend/prisma/seeds/orderItem.ts

@@ -0,0 +1,94 @@
+import { PrismaClient } from '@prisma/client';
+import { _mock } from './_mock';
+
+const prisma = new PrismaClient();
+
+const ITEMS = Array.from({ length: 3 }, (_, index) => ({
+  id: _mock.id(index),
+  sku: `16H9UR${index}`,
+  quantity: index + 1,
+  name: _mock.productName(index),
+  coverUrl: _mock.image.product(index),
+  price: _mock.number.price(index),
+}));
+
+async function orderItem() {
+  await prisma.orderItem.deleteMany({});
+
+  for (let index = 1; index < 20 + 1; index++) {
+    const shipping = 10;
+    const discount = 10;
+    const taxes = 10;
+    const items = (index % 2 && ITEMS.slice(0, 1)) || (index % 3 && ITEMS.slice(1, 3)) || ITEMS;
+    const totalQuantity = items.reduce((accumulator, item) => accumulator + item.quantity, 0);
+    const subtotal = items.reduce((accumulator, item) => accumulator + item.price * item.quantity, 0);
+    const totalAmount = subtotal - shipping - discount + taxes;
+
+    const customer = {
+      id: _mock.id(index),
+      name: _mock.fullName(index),
+      email: _mock.email(index),
+      avatarUrl: _mock.image.avatar(index),
+      ipAddress: '192.158.1.38',
+    };
+
+    const delivery = { shipBy: 'DHL', speedy: 'Standard', trackingNumber: 'SPX037739199373' };
+
+    const history = {
+      orderTime: _mock.time(1),
+      paymentTime: _mock.time(2),
+      deliveryTime: _mock.time(3),
+      completionTime: _mock.time(4),
+      timeline: [
+        { title: 'Delivery successful', time: _mock.time(1) },
+        { title: 'Transporting to [2]', time: _mock.time(2) },
+        { title: 'Transporting to [1]', time: _mock.time(3) },
+        { title: 'The shipping unit has picked up the goods', time: _mock.time(4) },
+        { title: 'Order has been created', time: _mock.time(5) },
+      ],
+    };
+
+    const temp = await prisma.orderItem.upsert({
+      where: { id: index.toString() },
+      update: {},
+      create: {
+        id: index.toString(),
+        orderNumber: `#601${index}`,
+        taxes,
+        items,
+        history,
+        subtotal: items.reduce((accumulator, item) => accumulator + item.price * item.quantity, 0),
+        shipping,
+        discount,
+        customer,
+        delivery,
+        totalAmount,
+        totalQuantity,
+        shippingAddress: {
+          fullAddress: '19034 Verna Unions Apt. 164 - Honolulu, RI / 87535',
+          phoneNumber: '365-374-4961',
+        },
+        payment: {
+          //
+          cardType: 'mastercard',
+          cardNumber: '4111 1111 1111 1111',
+        },
+        status: (index % 2 && 'completed') || (index % 3 && 'pending') || (index % 4 && 'cancelled') || 'refunded',
+      },
+    });
+  }
+
+  console.log('seed orderItem done');
+}
+
+const orderItemSeed = orderItem()
+  .then(async () => {
+    await prisma.$disconnect();
+  })
+  .catch(async (e) => {
+    console.error(e);
+    await prisma.$disconnect();
+    process.exit(1);
+  });
+
+export { orderItemSeed };

03_source/cms_backend/prisma/seeds/productReview.ts

@@ -4,16 +4,7 @@ import { _tags } from './assets';
 import { PrismaClient } from '@prisma/client';
 const prisma = new PrismaClient();
 
-const COLORS = [
-  '#FF4842',
-  '#1890FF',
-  '#FFC0CB',
-  '#00AB55',
-  '#FFC107',
-  '#7F00FF',
-  '#000000',
-  '#FFFFFF'
-];
+const COLORS = ['#FF4842', '#1890FF', '#FFC0CB', '#00AB55', '#FFC107', '#7F00FF', '#000000', '#FFFFFF'];
 
 const DESCRIPTION = `
 <h6>Specifications</h6>
@@ -113,8 +104,7 @@ const getColorSliceForIndex = (index: number) => {
   return COLORS.slice(2, 6); // Default case
 };
 
-const generateAttachments = () =>
-  Array.from({ length: 20 }, (_, index) => _mock.image.product(index));
+const generateAttachments = () => Array.from({ length: 20 }, (_, index) => _mock.image.product(index));
 
 const generateReviews = () => {
   const attachments = generateAttachments();
@@ -128,11 +118,7 @@ const generateReviews = () => {
     rating: _mock.number.rating(index),
     avatarUrl: _mock.image.avatar(index),
     helpful: _mock.number.nativeL(index),
-    attachments:
-      (index === 1 && attachments.slice(0, 1)) ||
-      (index === 3 && attachments.slice(2, 4)) ||
-      (index === 5 && attachments.slice(5, 8)) ||
-      []
+    attachments: (index === 1 && attachments.slice(0, 1)) || (index === 3 && attachments.slice(2, 4)) || (index === 5 && attachments.slice(5, 8)) || [],
   }));
 };
 
@@ -140,7 +126,7 @@ const generateRatings = () =>
   Array.from({ length: 5 }, (_, index) => ({
     name: `${index + 1} Star`,
     starCount: _mock.number.nativeL(index),
-    reviewCount: _mock.number.nativeL(index + 1)
+    reviewCount: _mock.number.nativeL(index + 1),
   }));
 
 const generateImages = () => Array.from({ length: 8 }, (_, index) => _mock.image.product(index));
@@ -164,8 +150,8 @@ async function productReview() {
         avatarUrl: temp_pr[i].avatarUrl,
         isPurchased: temp_pr[i].isPurchased,
         attachments: temp_pr[i].attachments,
-        postedAt: temp_pr[i].postedAt
-      }
+        postedAt: temp_pr[i].postedAt,
+      },
     });
   }
   console.log('seed productReview done');

03_source/cms_backend/prisma/seeds/superuser.ts

@@ -8,8 +8,9 @@ async function superuser() {
     create: {
       email: 'admin1@123.com',
       name: 'Admin1',
-      password: 'Aa12345678'
-    }
+      password: 'Aa12345678',
+      admin: true,
+    },
   });
 
   // swagger test
@@ -19,8 +20,9 @@ async function superuser() {
     create: {
       email: 'fake@example.com',
       name: 'swagger user',
-      password: 'password1'
-    }
+      password: 'password1',
+      admin: true,
+    },
   });
 
   console.log('seed superuser done');

03_source/cms_backend/prisma/seeds/user.ts

@@ -8,18 +8,31 @@ async function user() {
     create: {
       email: 'alice@prisma.io',
       name: 'Alice',
-      password: 'Aa12345678'
-    }
+      password: 'Aa12345678',
+      emailVerified: new Date(),
+    },
   });
 
-  const bob = await prisma.user.upsert({
+  await prisma.user.upsert({
+    where: { email: 'demo@minimals.cc' },
+    update: {},
+    create: {
+      email: 'demo@minimals.cc',
+      name: 'Demo',
+      password: '@2Minimal',
+      emailVerified: new Date(),
+    },
+  });
+
+  await prisma.user.upsert({
     where: { email: 'bob@prisma.io' },
     update: {},
     create: {
       email: 'bob@prisma.io',
       name: 'Bob',
-      password: 'Aa12345678'
-    }
+      password: 'Aa12345678',
+      emailVerified: new Date(),
+    },
   });
   console.log('seed user done');
 }

03_source/cms_backend/prisma/seeds/userItem.ts

@@ -0,0 +1,130 @@
+import { PrismaClient } from '@prisma/client';
+import { generateHash } from 'src/utils/hash';
+import { Config, names, uniqueNamesGenerator } from 'unique-names-generator';
+import { faker } from '@faker-js/faker';
+
+import { faker as enFaker } from '@faker-js/faker/locale/en_US';
+import { faker as zhFaker } from '@faker-js/faker/locale/zh_CN';
+import { faker as jaFaker } from '@faker-js/faker/locale/ja';
+import { faker as koFaker } from '@faker-js/faker/locale/ko';
+import { faker as twFaker } from '@faker-js/faker/locale/zh_TW';
+
+const SEED_EMAIL_DOMAIN = 'seed.com';
+
+const prisma = new PrismaClient();
+
+async function userItem() {
+  const config: Config = { dictionaries: [names] };
+  const firstName = uniqueNamesGenerator(config);
+  const lastName = uniqueNamesGenerator(config);
+  const username = `${firstName.toLowerCase()}-${lastName.toLowerCase()}`;
+
+  const alice = await prisma.userItem.upsert({
+    where: { id: 'admin_uuid' },
+    update: {},
+    create: {
+      name: `admin test`,
+      city: '',
+      role: '',
+      email: `admin@123.com`,
+      state: '',
+      status: '',
+      address: '',
+      country: '',
+      zipCode: '',
+      company: '',
+      avatarUrl: '',
+      phoneNumber: '',
+      isVerified: true,
+      //
+      username: 'admin@123.com',
+      password: await generateHash('Aa1234567'),
+      //
+      isAdmin: true,
+    },
+  });
+
+  for (let i = 1; i < 3; i++) {
+    const CJK_LOCALES = {
+      en: enFaker,
+      zh: zhFaker,
+      ja: jaFaker,
+      ko: koFaker,
+      tw: twFaker,
+    };
+    function getRandomCJKFaker() {
+      const locales = Object.keys(CJK_LOCALES);
+      const randomKey = locales[Math.floor(Math.random() * locales.length)] as keyof typeof CJK_LOCALES;
+      return CJK_LOCALES[randomKey];
+    }
+    const randomFaker = getRandomCJKFaker();
+
+    await prisma.userItem.upsert({
+      where: { id: i.toString() },
+      update: {},
+      create: {
+        name: randomFaker.person.fullName(),
+        city: randomFaker.location.city(),
+        role: ROLE[Math.floor(Math.random() * ROLE.length)],
+        email: randomFaker.internet.email(),
+        state: randomFaker.location.state(),
+        status: STATUS[Math.floor(Math.random() * STATUS.length)],
+        address: randomFaker.location.streetAddress(),
+        country: randomFaker.location.country(),
+        zipCode: randomFaker.location.zipCode(),
+        company: randomFaker.company.name(),
+        avatarUrl: randomFaker.image.avatar(),
+        phoneNumber: randomFaker.phone.number(),
+        isVerified: true,
+        //
+        username: randomFaker.internet.username(),
+        password: await generateHash('Abc1234!'),
+        //
+        isAdmin: false,
+      },
+    });
+  }
+
+  console.log('seed user done');
+}
+
+const userItemSeed = userItem()
+  .then(async () => {
+    await prisma.$disconnect();
+  })
+  .catch(async (e) => {
+    console.error(e);
+    await prisma.$disconnect();
+    process.exit(1);
+  });
+
+export { userItemSeed };
+
+const ROLE = [
+  `CEO`,
+  `CTO`,
+  `Project Coordinator`,
+  `Team Leader`,
+  `Software Developer`,
+  `Marketing Strategist`,
+  `Data Analyst`,
+  `Product Owner`,
+  `Graphic Designer`,
+  `Operations Manager`,
+  `Customer Support Specialist`,
+  `Sales Manager`,
+  `HR Recruiter`,
+  `Business Consultant`,
+  `Financial Planner`,
+  `Network Engineer`,
+  `Content Creator`,
+  `Quality Assurance Tester`,
+  `Public Relations Officer`,
+  `IT Administrator`,
+  `Compliance Officer`,
+  `Event Planner`,
+  `Legal Counsel`,
+  `Training Coordinator`,
+];
+
+const STATUS = ['active', 'pending', 'banned'];

03_source/cms_backend/prisma/seeds/userMeta.ts

@@ -0,0 +1,130 @@
+import { PrismaClient } from '@prisma/client';
+import { generateHash } from 'src/utils/hash';
+import { Config, names, uniqueNamesGenerator } from 'unique-names-generator';
+import { faker } from '@faker-js/faker';
+
+import { faker as enFaker } from '@faker-js/faker/locale/en_US';
+import { faker as zhFaker } from '@faker-js/faker/locale/zh_CN';
+import { faker as jaFaker } from '@faker-js/faker/locale/ja';
+import { faker as koFaker } from '@faker-js/faker/locale/ko';
+import { faker as twFaker } from '@faker-js/faker/locale/zh_TW';
+
+const SEED_EMAIL_DOMAIN = 'seed.com';
+
+const prisma = new PrismaClient();
+
+async function userMeta() {
+  const config: Config = { dictionaries: [names] };
+  const firstName = uniqueNamesGenerator(config);
+  const lastName = uniqueNamesGenerator(config);
+  const username = `${firstName.toLowerCase()}-${lastName.toLowerCase()}`;
+
+  const alice = await prisma.userMeta.upsert({
+    where: { id: 'admin_uuid' },
+    update: {},
+    create: {
+      name: `admin test`,
+      city: '',
+      role: '',
+      email: `admin@123.com`,
+      state: '',
+      status: '',
+      address: '',
+      country: '',
+      zipCode: '',
+      company: '',
+      avatarUrl: '',
+      phoneNumber: '',
+      isVerified: true,
+      //
+      username: 'admin@123.com',
+      password: await generateHash('Aa1234567'),
+      //
+      isAdmin: true,
+    },
+  });
+
+  for (let i = 1; i < 3; i++) {
+    const CJK_LOCALES = {
+      en: enFaker,
+      zh: zhFaker,
+      ja: jaFaker,
+      ko: koFaker,
+      tw: twFaker,
+    };
+    function getRandomCJKFaker() {
+      const locales = Object.keys(CJK_LOCALES);
+      const randomKey = locales[Math.floor(Math.random() * locales.length)] as keyof typeof CJK_LOCALES;
+      return CJK_LOCALES[randomKey];
+    }
+    const randomFaker = getRandomCJKFaker();
+
+    await prisma.userMeta.upsert({
+      where: { id: i.toString() },
+      update: {},
+      create: {
+        name: randomFaker.person.fullName(),
+        city: randomFaker.location.city(),
+        role: ROLE[Math.floor(Math.random() * ROLE.length)],
+        email: randomFaker.internet.email(),
+        state: randomFaker.location.state(),
+        status: STATUS[Math.floor(Math.random() * STATUS.length)],
+        address: randomFaker.location.streetAddress(),
+        country: randomFaker.location.country(),
+        zipCode: randomFaker.location.zipCode(),
+        company: randomFaker.company.name(),
+        avatarUrl: randomFaker.image.avatar(),
+        phoneNumber: randomFaker.phone.number(),
+        isVerified: true,
+        //
+        username: randomFaker.internet.username(),
+        password: await generateHash('Abc1234!'),
+        //
+        isAdmin: false,
+      },
+    });
+  }
+
+  console.log('seed userMeta done');
+}
+
+const userMetaSeed = userMeta()
+  .then(async () => {
+    await prisma.$disconnect();
+  })
+  .catch(async (e) => {
+    console.error(e);
+    await prisma.$disconnect();
+    process.exit(1);
+  });
+
+export { userMetaSeed };
+
+const ROLE = [
+  `CEO`,
+  `CTO`,
+  `Project Coordinator`,
+  `Team Leader`,
+  `Software Developer`,
+  `Marketing Strategist`,
+  `Data Analyst`,
+  `Product Owner`,
+  `Graphic Designer`,
+  `Operations Manager`,
+  `Customer Support Specialist`,
+  `Sales Manager`,
+  `HR Recruiter`,
+  `Business Consultant`,
+  `Financial Planner`,
+  `Network Engineer`,
+  `Content Creator`,
+  `Quality Assurance Tester`,
+  `Public Relations Officer`,
+  `IT Administrator`,
+  `Compliance Officer`,
+  `Event Planner`,
+  `Legal Counsel`,
+  `Training Coordinator`,
+];
+
+const STATUS = ['active', 'pending', 'banned'];

03_source/cms_backend/prisma/seeds/utils/format-time.ts

@@ -0,0 +1,257 @@
+import type { Dayjs, OpUnitType } from 'dayjs';
+
+import dayjs from 'dayjs';
+import duration from 'dayjs/plugin/duration';
+import relativeTime from 'dayjs/plugin/relativeTime';
+
+// ----------------------------------------------------------------------
+
+/**
+ * @Docs
+ * https://day.js.org/docs/en/display/format
+ */
+
+/**
+ * Default timezones
+ * https://day.js.org/docs/en/timezone/set-default-timezone#docsNav
+ *
+ */
+
+/**
+ * UTC
+ * https://day.js.org/docs/en/plugin/utc
+ * @install
+ * import utc from 'dayjs/plugin/utc';
+ * dayjs.extend(utc);
+ * @usage
+ * dayjs().utc().format()
+ *
+ */
+
+dayjs.extend(duration);
+dayjs.extend(relativeTime);
+
+// ----------------------------------------------------------------------
+
+export type DatePickerFormat = Dayjs | Date | string | number | null | undefined;
+
+export const formatPatterns = {
+  dateTime: 'DD MMM YYYY h:mm a', // 17 Apr 2022 12:00 am
+  date: 'DD MMM YYYY', // 17 Apr 2022
+  time: 'h:mm a', // 12:00 am
+  split: {
+    dateTime: 'DD/MM/YYYY h:mm a', // 17/04/2022 12:00 am
+    date: 'DD/MM/YYYY', // 17/04/2022
+  },
+  paramCase: {
+    dateTime: 'DD-MM-YYYY h:mm a', // 17-04-2022 12:00 am
+    date: 'DD-MM-YYYY', // 17-04-2022
+  },
+};
+
+const isValidDate = (date: DatePickerFormat) => date !== null && date !== undefined && dayjs(date).isValid();
+
+// ----------------------------------------------------------------------
+
+export function today(template?: string): string {
+  return dayjs(new Date()).startOf('day').format(template);
+}
+
+// ----------------------------------------------------------------------
+
+/**
+ * @output 17 Apr 2022 12:00 am
+ */
+export function fDateTime(date: DatePickerFormat, template?: string): string {
+  if (!isValidDate(date)) {
+    return 'Invalid date';
+  }
+
+  return dayjs(date).format(template ?? formatPatterns.dateTime);
+}
+
+// ----------------------------------------------------------------------
+
+/**
+ * @output 17 Apr 2022
+ */
+export function fDate(date: DatePickerFormat, template?: string): string {
+  if (!isValidDate(date)) {
+    return 'Invalid date';
+  }
+
+  return dayjs(date).format(template ?? formatPatterns.date);
+}
+
+// ----------------------------------------------------------------------
+
+/**
+ * @output 12:00 am
+ */
+export function fTime(date: DatePickerFormat, template?: string): string {
+  if (!isValidDate(date)) {
+    return 'Invalid date';
+  }
+
+  return dayjs(date).format(template ?? formatPatterns.time);
+}
+
+// ----------------------------------------------------------------------
+
+/**
+ * @output 1713250100
+ */
+export function fTimestamp(date: DatePickerFormat): number | 'Invalid date' {
+  if (!isValidDate(date)) {
+    return 'Invalid date';
+  }
+
+  return dayjs(date).valueOf();
+}
+
+// ----------------------------------------------------------------------
+
+/**
+ * @output a few seconds, 2 years
+ */
+export function fToNow(date: DatePickerFormat): string {
+  if (!isValidDate(date)) {
+    return 'Invalid date';
+  }
+
+  return dayjs(date).toNow(true);
+}
+
+// ----------------------------------------------------------------------
+
+/**
+ * @output boolean
+ */
+export function fIsBetween(inputDate: DatePickerFormat, startDate: DatePickerFormat, endDate: DatePickerFormat): boolean {
+  if (!isValidDate(inputDate) || !isValidDate(startDate) || !isValidDate(endDate)) {
+    return false;
+  }
+
+  const formattedInputDate = fTimestamp(inputDate);
+  const formattedStartDate = fTimestamp(startDate);
+  const formattedEndDate = fTimestamp(endDate);
+
+  if (formattedInputDate === 'Invalid date' || formattedStartDate === 'Invalid date' || formattedEndDate === 'Invalid date') {
+    return false;
+  }
+
+  return formattedInputDate >= formattedStartDate && formattedInputDate <= formattedEndDate;
+}
+
+// ----------------------------------------------------------------------
+
+/**
+ * @output boolean
+ */
+export function fIsAfter(startDate: DatePickerFormat, endDate: DatePickerFormat): boolean {
+  if (!isValidDate(startDate) || !isValidDate(endDate)) {
+    return false;
+  }
+
+  return dayjs(startDate).isAfter(endDate);
+}
+
+// ----------------------------------------------------------------------
+
+/**
+ * @output boolean
+ */
+export function fIsSame(startDate: DatePickerFormat, endDate: DatePickerFormat, unitToCompare?: OpUnitType): boolean {
+  if (!isValidDate(startDate) || !isValidDate(endDate)) {
+    return false;
+  }
+
+  return dayjs(startDate).isSame(endDate, unitToCompare ?? 'year');
+}
+
+/**
+ * @output
+ * Same day: 26 Apr 2024
+ * Same month: 25 - 26 Apr 2024
+ * Same month: 25 - 26 Apr 2024
+ * Same year: 25 Apr - 26 May 2024
+ */
+export function fDateRangeShortLabel(startDate: DatePickerFormat, endDate: DatePickerFormat, initial?: boolean): string {
+  if (!isValidDate(startDate) || !isValidDate(endDate) || fIsAfter(startDate, endDate)) {
+    return 'Invalid date';
+  }
+
+  let label = `${fDate(startDate)} - ${fDate(endDate)}`;
+
+  if (initial) {
+    return label;
+  }
+
+  const isSameYear = fIsSame(startDate, endDate, 'year');
+  const isSameMonth = fIsSame(startDate, endDate, 'month');
+  const isSameDay = fIsSame(startDate, endDate, 'day');
+
+  if (isSameYear && !isSameMonth) {
+    label = `${fDate(startDate, 'DD MMM')} - ${fDate(endDate)}`;
+  } else if (isSameYear && isSameMonth && !isSameDay) {
+    label = `${fDate(startDate, 'DD')} - ${fDate(endDate)}`;
+  } else if (isSameYear && isSameMonth && isSameDay) {
+    label = `${fDate(endDate)}`;
+  }
+
+  return label;
+}
+
+// ----------------------------------------------------------------------
+
+/**
+ * @output 2024-05-28T05:55:31+00:00
+ */
+export type DurationProps = {
+  years?: number;
+  months?: number;
+  days?: number;
+  hours?: number;
+  minutes?: number;
+  seconds?: number;
+  milliseconds?: number;
+};
+
+export function fAdd({ years = 0, months = 0, days = 0, hours = 0, minutes = 0, seconds = 0, milliseconds = 0 }: DurationProps) {
+  const result = dayjs()
+    .add(
+      dayjs.duration({
+        years,
+        months,
+        days,
+        hours,
+        minutes,
+        seconds,
+        milliseconds,
+      })
+    )
+    .format();
+
+  return result;
+}
+
+/**
+ * @output 2024-05-28T05:55:31+00:00
+ */
+export function fSub({ years = 0, months = 0, days = 0, hours = 0, minutes = 0, seconds = 0, milliseconds = 0 }: DurationProps) {
+  const result = dayjs()
+    .subtract(
+      dayjs.duration({
+        years,
+        months,
+        days,
+        hours,
+        minutes,
+        seconds,
+        milliseconds,
+      })
+    )
+    .format();
+
+  return result;
+}

03_source/cms_backend/src/_mock/_auth.ts

@@ -4,7 +4,7 @@ import { _mock } from 'src/_mock';
 
 export const JWT_SECRET = 'minimal-secret-key';
 
-export const JWT_EXPIRES_IN = '3 days';
+export const JWT_EXPIRES_IN = '14 days';
 
 export const _users = [
   {

03_source/cms_backend/src/app/api/AccessLog/_GUIDELINES.md

@@ -0,0 +1,24 @@
+# GUIDELINE
+
+- this is a AppLog api endpoint
+- this is a demo to handle AppLog record
+- use single file for single db table/collection only
+
+## `route.ts`
+
+`route.ts` - handle `GET`, `POST`, `PUT`, `DELETE`
+`detail/route.ts` - handle `GET` request of specific `AppLog` by id
+
+## `test.http`
+
+store test request
+
+## `../../services/AppLog.service.ts`
+
+AppLog schema CRUD handler
+
+`listAppLogs` - list AppLog record
+`getAppLog` - get AppLog record by id
+`createNewAppLog` - create AppLog record
+`updateAppLog` - update AppLog record by id
+`deleteAppLog` - delete AppLog record by id

03_source/cms_backend/src/app/api/AccessLog/detail/route.ts

@@ -0,0 +1,38 @@
+// src/app/api/AccessLog/detail/route.ts
+//
+// PURPOSE:
+// Get single AccessLog record detail
+//
+// RULES:
+// - Return complete AccessLog details
+//
+import type { NextRequest } from 'next/server';
+
+import { STATUS, response, handleError } from 'src/utils/response';
+
+import { AccessLogService } from '../../../../modules/AccessLog/AccessLog.service';
+
+// ----------------------------------------------------------------------
+
+/**
+ **************************************
+ * GET - Get AccessLog details
+ **************************************
+ */
+export async function GET(req: NextRequest) {
+  try {
+    const { searchParams } = req.nextUrl;
+
+    // RULES: accessLogId must exist
+    const accessLogId = searchParams.get('accessLogId');
+    if (!accessLogId) return response({ message: 'accessLogId is required!' }, STATUS.BAD_REQUEST);
+
+    const accessLog = await AccessLogService.findById(accessLogId);
+
+    if (!accessLog) return response({ message: 'AccessLog not found!' }, STATUS.NOT_FOUND);
+
+    return response({ accessLog }, STATUS.OK);
+  } catch (error) {
+    return handleError('AccessLog - Get details', error);
+  }
+}

03_source/cms_backend/src/app/api/AccessLog/detail/test.http

@@ -0,0 +1,7 @@
+###
+
+GET http://localhost:7272/api/AppLog/detail?appLogId=e1bb8e4a-da37-4dbc-b8f2-9ad233a102ad
+
+###
+
+GET http://localhost:7272/api/AppLog/detail?start=2025-01-01&end=2025-12-31

03_source/cms_backend/src/app/api/AccessLog/route.ts

@@ -0,0 +1,76 @@
+import type { NextRequest, NextResponse } from 'next/server';
+
+import { STATUS, response, handleError } from 'src/utils/response';
+
+import { listAccessLogs } from 'src/app/services/AccessLog.service';
+
+// import prisma from '../../lib/prisma';
+
+export async function GET(req: NextRequest, res: NextResponse) {
+  try {
+    const result = await listAccessLogs();
+
+    return response(result, STATUS.OK);
+  } catch (error) {
+    return handleError('AccessLog - Get all', error);
+  }
+}
+
+// /**
+//  ***************************************
+//  * POST - create AccessLog
+//  ***************************************
+//  */
+// export async function POST(req: NextRequest) {
+//   const { data } = await req.json();
+
+//   try {
+//     const createResult = await AccessLogService.create(data);
+
+//     return response(createResult, STATUS.OK);
+//   } catch (error) {
+//     return handleError('AccessLog - Create', error);
+//   }
+// }
+
+// /**
+//  ***************************************
+//  * PUT - update AccessLog
+//  ***************************************
+//  */
+// export async function PUT(req: NextRequest) {
+//   const { searchParams } = req.nextUrl;
+//   const accessLogId = searchParams.get('accessLogId');
+
+//   const { data } = await req.json();
+
+//   try {
+//     if (!accessLogId) throw new Error('accessLogId cannot be null');
+
+//     const updateResult = await AccessLogService.update(accessLogId, data);
+
+//     return response(updateResult, STATUS.OK);
+//   } catch (error) {
+//     return handleError('AccessLog - Update', error);
+//   }
+// }
+
+// /**
+//  ***************************************
+//  * DELETE - delete AccessLog
+//  ***************************************
+//  */
+// export async function DELETE(req: NextRequest) {
+//   const { searchParams } = req.nextUrl;
+//   const accessLogId = searchParams.get('accessLogId');
+
+//   try {
+//     if (!accessLogId) throw new Error('accessLogId cannot be null');
+
+//     const deleteResult = await AccessLogService.delete(accessLogId);
+
+//     return response(deleteResult, STATUS.OK);
+//   } catch (error) {
+//     return handleError('AccessLog - Delete', error);
+//   }
+// }

03_source/cms_backend/src/app/api/AccessLog/test.http

@@ -0,0 +1,33 @@
+###
+GET http://localhost:7272/api/AccessLog
+
+###
+GET http://localhost:7272/api/AccessLog?accessLogId=51f2f5dd-78be-4069-ba29-09d2a5026191
+
+###
+POST http://localhost:7272/api/AccessLog
+content-type: application/json
+
+{
+  "data": {
+    "userId": "user123",
+    "ipAddress": "192.168.1.1",
+    "userAgent": "Mozilla/5.0",
+    "action": "LOGIN",
+    "path": "/api/auth/login",
+    "status": 200
+  }
+}
+
+###
+PUT http://localhost:7272/api/AccessLog?accessLogId=51f2f5dd-78be-4069-ba29-09d2a5026191
+content-type: application/json
+
+{
+  "data": {
+    "status": 404
+  }
+}
+
+###
+DELETE http://localhost:7272/api/AccessLog?accessLogId=51f2f5dd-78be-4069-ba29-09d2a5026191

03_source/cms_backend/src/app/api/AppLog/_GUIDELINES.md

@@ -0,0 +1,24 @@
+# GUIDELINE
+
+- this is a AppLog api endpoint
+- this is a demo to handle AppLog record
+- use single file for single db table/collection only
+
+## `route.ts`
+
+`route.ts` - handle `GET`, `POST`, `PUT`, `DELETE`
+`detail/route.ts` - handle `GET` request of specific `AppLog` by id
+
+## `test.http`
+
+store test request
+
+## `../../services/AppLog.service.ts`
+
+AppLog schema CRUD handler
+
+`listAppLogs` - list AppLog record
+`getAppLog` - get AppLog record by id
+`createNewAppLog` - create AppLog record
+`updateAppLog` - update AppLog record by id
+`deleteAppLog` - delete AppLog record by id

03_source/cms_backend/src/app/api/AppLog/detail/route.ts

@@ -0,0 +1,39 @@
+// src/app/api/AppLog/detail/route.ts
+//
+// PURPOSE:
+// Get single AppLog record detail
+//
+// RULES:
+// - Return complete AppLog details
+//
+import type { NextRequest } from 'next/server';
+
+import { STATUS, response, handleError } from 'src/utils/response';
+
+import prisma from '../../../lib/prisma';
+
+// ----------------------------------------------------------------------
+
+/**
+ **************************************
+ * GET - Get AppLog details
+ **************************************
+ */
+export async function GET(req: NextRequest) {
+  // Original user details functionality
+  try {
+    const { searchParams } = req.nextUrl;
+
+    // RULES: appLogId must exist
+    const appLogId = searchParams.get('appLogId');
+    if (!appLogId) return response({ message: 'appLogId is required!' }, STATUS.BAD_REQUEST);
+
+    const appLog = await prisma.appLog.findFirst({ where: { id: appLogId } });
+
+    if (!appLog) return response({ message: 'AppLog not found!' }, STATUS.NOT_FOUND);
+
+    return response({ appLog }, STATUS.OK);
+  } catch (error) {
+    return handleError('AppLog - Get details', error);
+  }
+}

03_source/cms_backend/src/app/api/AppLog/detail/test.http

@@ -0,0 +1,7 @@
+###
+
+GET http://localhost:7272/api/AppLog/detail?appLogId=e1bb8e4a-da37-4dbc-b8f2-9ad233a102ad
+
+###
+
+GET http://localhost:7272/api/AppLog/detail?start=2025-01-01&end=2025-12-31

03_source/cms_backend/src/app/api/AppLog/route.ts

@@ -0,0 +1,81 @@
+import type { NextRequest, NextResponse } from 'next/server';
+
+import { STATUS, response, handleError } from 'src/utils/response';
+
+import { listAppLogs, deleteAppLog, updateAppLog, createNewAppLog } from 'src/app/services/AppLog.service';
+
+// import prisma from '../../lib/prisma';
+
+export async function GET(req: NextRequest, res: NextResponse) {
+  try {
+    const result = await listAppLogs();
+
+    return response(result, STATUS.OK);
+  } catch (error) {
+    return handleError('Post - Get latest', error);
+  }
+}
+
+/**
+ ***************************************
+ * POST - create AppLog
+ ***************************************
+ */
+export async function POST(req: NextRequest) {
+  const { data } = await req.json();
+
+  try {
+    // TODO: obsolete createNewAppLog
+    const createResult = await createNewAppLog(data);
+
+    return response(createResult, STATUS.OK);
+  } catch (error) {
+    return handleError('AppLog - Create', error);
+  }
+}
+
+/**
+ ***************************************
+ * PUT - update AppLog
+ ***************************************
+ */
+export async function PUT(req: NextRequest) {
+  const { searchParams } = req.nextUrl;
+  const appLogId = searchParams.get('appLogId');
+
+  const { data } = await req.json();
+
+  try {
+    if (!appLogId) throw new Error('appLogId cannot null');
+    const id: number = parseInt(appLogId);
+
+    const updateResult = await updateAppLog(id, data);
+
+    return response(updateResult, STATUS.OK);
+  } catch (error) {
+    return handleError('AppLog - Update', error);
+  }
+}
+
+/**
+ ***************************************
+ * DELETE - update AppLog
+ ***************************************
+ */
+export async function DELETE(req: NextRequest) {
+  const { searchParams } = req.nextUrl;
+  const appLogId = searchParams.get('appLogId');
+
+  const { data } = await req.json();
+
+  try {
+    if (!appLogId) throw new Error('appLogId cannot null');
+    const id: number = parseInt(appLogId);
+
+    const deleteResult = await deleteAppLog(id);
+
+    return response(deleteResult, STATUS.OK);
+  } catch (error) {
+    return handleError('AppLog - Update', error);
+  }
+}

03_source/cms_backend/src/app/api/AppLog/test.http

@@ -0,0 +1,25 @@
+###
+GET http://localhost:7272/api/AppLog
+
+###
+GET http://localhost:7272/api/AppLog?appLogId=51f2f5dd-78be-4069-ba29-09d2a5026191
+
+###
+POST http://localhost:7272/api/AppLog?appLogId=1
+content-type: application/json
+
+{
+  "data":{"hello": "test"}
+}
+
+###
+PUT http://localhost:7272/api/AppLog?appLogId=1
+content-type: application/json
+
+{
+  "data": {"hello": "test"}
+}
+
+
+###
+DELETE http://localhost:7272/api/AppLog?appLogId=1

03_source/cms_backend/src/app/api/auth/me/route.ts

@@ -1,13 +1,20 @@
+import type { User } from '@prisma/client';
+import type { NextRequest } from 'next/server';
+
 import { headers } from 'next/headers';
 
 import { verify } from 'src/utils/jwt';
 import { STATUS, response, handleError } from 'src/utils/response';
 
-import { _users, JWT_SECRET } from 'src/_mock/_auth';
+import { JWT_SECRET } from 'src/_mock/_auth';
+import { getUserById } from 'src/app/services/user.service';
+import { createAccessLog } from 'src/app/services/AccessLog.service';
+
+import { flattenNextjsRequest } from '../sign-in/flattenNextjsRequest';
 
 // ----------------------------------------------------------------------
 
-export const runtime = 'edge';
+// export const runtime = 'edge';
 
 /**
  * This API is used for demo purpose only
@@ -17,25 +24,44 @@ export const runtime = 'edge';
  * You should not expose the JWT_SECRET in the client side
  */
 
-export async function GET() {
+const USER_TOKEN_CHECK_FAILED = 'user token check failed';
+const INVALID_AUTH_TOKEN = 'Invalid authorization token';
+const USER_ID_NOT_FOUND = 'userId not found';
+const USER_TOKEN_OK = 'user token check ok';
+const AUTHORIZATION_TOKEN_MISSING_OR_INVALID = 'Authorization token missing or invalid';
+
+export async function GET(req: NextRequest) {
+  const debug = { 'req.headers': flattenNextjsRequest(req) };
+
   try {
     const headersList = headers();
     const authorization = headersList.get('authorization');
 
     if (!authorization || !authorization.startsWith('Bearer ')) {
-      return response({ message: 'Authorization token missing or invalid' }, STATUS.UNAUTHORIZED);
+      return response({ message: AUTHORIZATION_TOKEN_MISSING_OR_INVALID }, STATUS.UNAUTHORIZED);
     }
 
     const accessToken = `${authorization}`.split(' ')[1];
     const data = await verify(accessToken, JWT_SECRET);
+    console.log(data.userId);
 
-    const currentUser = _users.find((user) => user.id === data.userId);
+    if (data.userId) {
+      // TODO: remove me
+      // const currentUser = _users.find((user) => user.id === data.userId);
+      const currentUser: User | null = await getUserById(data.userId);
 
-    if (!currentUser) {
-      return response({ message: 'Invalid authorization token' }, STATUS.UNAUTHORIZED);
+      if (!currentUser) {
+        createAccessLog('', USER_TOKEN_CHECK_FAILED, debug);
+
+        return response({ message: INVALID_AUTH_TOKEN }, STATUS.UNAUTHORIZED);
+      }
+
+      createAccessLog(currentUser.id, USER_TOKEN_OK, debug);
+
+      return response({ user: currentUser }, STATUS.OK);
+    } else {
+      return response({ message: USER_ID_NOT_FOUND }, STATUS.ERROR);
     }
-
-    return response({ user: currentUser }, 200);
   } catch (error) {
     return handleError('[Auth] - Me', error);
   }

03_source/cms_backend/src/app/api/auth/me/test.http

@@ -0,0 +1,25 @@
+###
+# username and password ok
+GET http://localhost:7272/api/auth/me
+Authorization: Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VySWQiOiJjbWJnbnUyengwMDBjaHEzaGZ3dmtjejlvIiwiaWF0IjoxNzQ4OTY0ODkyLCJleHAiOjE3NTAxNzQ0OTJ9.lo04laCxtm0IVeYaETEV3hXKyDmXPEn7SyWtY2VR4dI
+
+
+###
+# There is no user corresponding to the email address.
+POST http://localhost:7272/api/auth/sign-in
+content-type: application/json
+
+{
+    "email": "demo@minimals1.cc",
+    "password": "@2Minimal"
+}
+
+###
+# Wrong password
+POST http://localhost:7272/api/auth/sign-in
+content-type: application/json
+
+{
+    "email": "demo@minimals.cc",
+    "password": "@2Min111imal"
+}

03_source/cms_backend/src/app/api/auth/sign-in/flattenNextjsRequest.ts

@@ -0,0 +1,5 @@
+import type { NextRequest } from 'next/server';
+
+export function flattenNextjsRequest(req: NextRequest) {
+  return Object.fromEntries(req.headers.entries());
+}

03_source/cms_backend/src/app/api/auth/sign-in/route.ts

@@ -3,12 +3,14 @@ import type { NextRequest } from 'next/server';
 import { sign } from 'src/utils/jwt';
 import { STATUS, response, handleError } from 'src/utils/response';
 
-import { _users, JWT_SECRET, JWT_EXPIRES_IN } from 'src/_mock/_auth';
+import { JWT_SECRET, JWT_EXPIRES_IN } from 'src/_mock/_auth';
+import { createAccessLog } from 'src/app/services/AccessLog.service';
+
+import prisma from '../../../lib/prisma';
+import { flattenNextjsRequest } from './flattenNextjsRequest';
 
 // ----------------------------------------------------------------------
 
-export const runtime = 'edge';
-
 /**
  * This API is used for demo purpose only
  * You should use a real database
@@ -17,29 +19,36 @@ export const runtime = 'edge';
  * You should not expose the JWT_SECRET in the client side
  */
 
+const ERR_USER_NOT_FOUND = 'There is no user corresponding to the email address.';
+const ERR_WRONG_PASSWORD = 'Wrong password';
+
 export async function POST(req: NextRequest) {
+  const debug = { 'req.headers': flattenNextjsRequest(req) };
+
   try {
     const { email, password } = await req.json();
 
-    const currentUser = _users.find((user) => user.email === email);
-
+    const currentUser = await prisma.user.findFirst({ where: { email } });
     if (!currentUser) {
-      return response(
-        { message: 'There is no user corresponding to the email address.' },
-        STATUS.UNAUTHORIZED
-      );
+      await createAccessLog('', `user tried login with email ${email}`, { debug });
+      return response({ message: ERR_USER_NOT_FOUND }, STATUS.UNAUTHORIZED);
     }
 
     if (currentUser?.password !== password) {
-      return response({ message: 'Wrong password' }, STATUS.UNAUTHORIZED);
+      await createAccessLog(currentUser.id, 'user logged with wrong password', { debug });
+      return response({ message: ERR_WRONG_PASSWORD }, STATUS.UNAUTHORIZED);
     }
 
     const accessToken = await sign({ userId: currentUser?.id }, JWT_SECRET, {
       expiresIn: JWT_EXPIRES_IN,
     });
 
-    return response({ user: currentUser, accessToken }, 200);
+    await createAccessLog(currentUser.id, 'access granted', { debug });
+
+    return response({ user: currentUser, accessToken }, STATUS.OK);
   } catch (error) {
+    await createAccessLog('', 'attempted login but failed', { debug, error });
+
     return handleError('Auth - Sign in', error);
   }
 }

03_source/cms_backend/src/app/api/auth/sign-in/test.http

@@ -0,0 +1,29 @@
+###
+# username and password ok
+POST http://localhost:7272/api/auth/sign-in
+content-type: application/json
+
+{
+    "email": "demo@minimals.cc",
+    "password": "@2Minimal"
+}
+
+###
+# There is no user corresponding to the email address.
+POST http://localhost:7272/api/auth/sign-in
+content-type: application/json
+
+{
+    "email": "demo@minimals1.cc",
+    "password": "@2Minimal"
+}
+
+###
+# Wrong password
+POST http://localhost:7272/api/auth/sign-in
+content-type: application/json
+
+{
+    "email": "demo@minimals.cc",
+    "password": "@2Min111imal"
+}

03_source/cms_backend/src/app/api/auth/sign-up/route.ts

@@ -24,10 +24,7 @@ export async function POST(req: NextRequest) {
     const userExists = _users.find((user) => user.email === email);
 
     if (userExists) {
-      return response(
-        { message: 'There already exists an account with the given email address.' },
-        STATUS.CONFLICT
-      );
+      return response({ message: 'There already exists an account with the given email address.' }, STATUS.CONFLICT);
     }
 
     const newUser = {

03_source/cms_backend/src/app/api/event/_GUIDELINES.md

@@ -0,0 +1,25 @@
+# GUIDELINE
+
+## Event / event
+
+- this is a `event` api endpoint
+- this is a demo to handle `event` record
+- use single file for single db table/collection only
+
+## `route.ts`
+
+handle `GET`, `POST`, `PUT`, `DELETE`
+
+## `test.http`
+
+store test request
+
+## `../../services/event.service.ts`
+
+event schema CRUD handler
+
+`listEvents` - list `event` record
+`getEvent` - get `event` record by id
+`createNewEvent` - create `event` record
+`updateEvent` - update `event` record by id
+`deleteEvent` - delete `event` record by id

03_source/cms_backend/src/app/api/event/createEvent/route.ts

@@ -0,0 +1,75 @@
+// src/app/api/product/createEvent/route.ts
+//
+// PURPOSE:
+// create product to db
+//
+// RULES:
+// T.B.A.
+//
+
+import type { NextRequest } from 'next/server';
+
+import { STATUS, response, handleError } from 'src/utils/response';
+
+import prisma from '../../../lib/prisma';
+
+// ----------------------------------------------------------------------
+
+/** **************************************
+ * POST - Events
+ *************************************** */
+export async function POST(req: NextRequest) {
+  // logger('[Event] list', events.length);
+  const { data } = await req.json();
+  const createForm: CreateEventData = data as unknown as CreateEventData;
+
+  console.log({ createForm });
+
+  try {
+    console.log({ data });
+    await prisma.productItem.create({ data: createForm });
+    return response({ hello: 'world' }, STATUS.OK);
+  } catch (error) {
+    console.log({ hello: 'world', data });
+    return handleError('Event - Create', error);
+  }
+}
+
+type CreateEventData = {
+  // id: string;
+  sku: string;
+  name: string;
+  code: string;
+  price: number;
+  taxes: number;
+  tags: string[];
+  sizes: string[];
+  publish: string;
+  gender: string[];
+  coverUrl: string;
+  images: string[];
+  colors: string[];
+  quantity: number;
+  category: string;
+  available: number;
+  totalSold: number;
+  description: string;
+  totalRatings: number;
+  totalReviews: number;
+  inventoryType: string;
+  subDescription: string;
+  priceSale: number;
+  newLabel: {
+    content: string;
+    enabled: boolean;
+  };
+  saleLabel: {
+    content: string;
+    enabled: boolean;
+  };
+  // ratings: {
+  //   name: string;
+  //   starCount: number;
+  //   reviewCount: number;
+  // }[];
+};