docs: update docs

docs/.vuepress/config.js

@@ -18,7 +18,7 @@ export default defineUserConfig({
     editLinks: false,
     editLinkText: "Help us improve this page!",
     nav: [{ text: "Home", link: "/" }],
-    sidebar: ["/"],
+    sidebar: ["/", "/model/", "/design/"],
   }),
   head: [["link", { rel: "icon", href: "favicon.ico" }]],
   bundler: viteBundler(),

docs/README.md

@@ -45,8 +45,6 @@ The project should apply as many techniques of ASP.NET MVC Core as possible. For
 
 ## Technical Stack
 
-### Backend
-
 - [ASP.NET Core 8.0](https://docs.microsoft.com/en-us/aspnet/core/?view=aspnetcore-8.0): A cross-platform, high-performance, open-source framework for building modern, cloud-based, Internet-connected applications.
 - [htmx](https://htmx.org/): A JavaScript library that allows you to access AJAX, WebSockets, and Server-Sent Events directly in HTML, using attributes.
 - [Alphine.js](https://alpinejs.dev/): A rugged, minimal framework for composing JavaScript behavior in your markup.

docs/design/README.md

@@ -0,0 +1,22 @@
+# System Design
+
+## High Level Design
+
+The high level design of the system is based on the following components:
+
+![Architecture Diagram](/RookieShop/system-design.png)
+
+| No  | Name            | Usecase                                                                                              | Technology                |
+| --- | --------------- | ---------------------------------------------------------------------------------------------------- | ------------------------- |
+| 0   | ingress         | A reverse proxy that routes incoming requests to the appropriate service                             | Yarp                      |
+| 1   | identity server | An authentication server that provides authentication and authorization services for the application | Duende IdentityServer 7.0 |
+| 2   | store front     | A user-facing website that allows customers to view, rate, and purchase products                     | Razor, htmx, Alphine.js   |
+| 3   | back office     | An admin-facing website that allows administrators to manage products, categories, and customers     | Next.js 14.0              |
+| 4   | web api         | A REST API that provides data to the user-facing and admin-facing websites                           | ASP.NET Core 8.0          |
+| 5   | redis           | A distributed lock manager, cache and cart storage                                                   | Redis                     |
+| 6   | postgres        | A relational database that stores the application's data and email outbox                            | Postgres, Marten          |
+| 7   | observability   | A telemetry data collector that collects and exports telemetry data to the Aspire Dashboard          | OpenTelemetry             |
+
+## C4 Model
+
+> TODO: Add C4 Model

docs/model/README.md

@@ -0,0 +1,21 @@
+# Business Analysis
+
+## Business Context
+
+> TODO: Describe the business context of the model.
+
+## Conceptual Model
+
+> TODO: Add conceptual model.
+
+## Entity Relationship Diagram
+
+> TODO: Add entity relationship diagram.
+
+## Event Storming
+
+> TODO: Add event storming.
+
+## Use Cases
+
+> TODO: Add use cases.