Adding shopping chatbot tutorial

docs/howtos/solutions/microservices/common-data/microservices-arch.mdx

@@ -1,4 +1,4 @@
-You eventually land on the following architecture:
+Lets take a look at the architecture of the demo application:
 
 1. `products service`: handles querying products from the database and returning them to the frontend
 1. `orders service`: handles validating and creating orders

docs/howtos/solutions/mobile-banking/account-dashboard/index-account-dashboard.mdx

@@ -6,10 +6,14 @@ slug: /howtos/solutions/mobile-banking/account-dashboard
 authors: [prasan, will]
 ---
 
+import Authors from '@theme/Authors';
+
 import GeneralAdditionalResources from '../common-mb/additional-resources.mdx';
 import MobileBankingSourceCode from '../common-mb/source-code-tip.mdx';
 import MobileBankingDataSeeding from '../common-mb/data-seeding.mdx';
 
+<Authors frontMatter={frontMatter} />
+
 <MobileBankingSourceCode />
 
 ## What is a mobile banking account dashboard?

docs/howtos/solutions/mobile-banking/session-management/index-session-management.mdx

@@ -6,12 +6,16 @@ slug: /howtos/solutions/mobile-banking/session-management
 authors: [prasan, will]
 ---
 
+import Authors from '@theme/Authors';
+
 import GeneralAdditionalResources from '../common-mb/additional-resources.mdx';
 import MobileBankingSourceCode from '../common-mb/source-code-tip.mdx';
 import MobileBankingDataSeeding from '../common-mb/data-seeding.mdx';
 
 import MobileBankingDashboardBalance from './images/demo-dashboard-balance-widget.png';
 
+<Authors frontMatter={frontMatter} />
+
 <MobileBankingSourceCode />
 
 ## What is authentication and session storage for mobile banking?

docs/howtos/solutions/vector/common-ai/microservices-ecommerce-ai.mdx

@@ -0,0 +1,26 @@
+The e-commerce microservices application consists of a frontend, built using [Next.js](https://nextjs.org/) with [TailwindCSS](https://tailwindcss.com/). The application backend uses [Node.js](https://nodejs.org). The data is stored in
+[Redis](https://redis.com/try-free/) and MongoDB/ Postgressql using [Prisma](https://www.prisma.io/docs/reference/database-reference/supported-databases). Below you will find screenshots of the frontend of the e-commerce app:
+
+- `Dashboard`: Shows the list of products with search functionality
+
+  ![redis microservices e-commerce app frontend products page](images/01-dashboard.png)
+
+- `Chat bot`: The chat bot is available on the bottom right corner of the page. It can be used to search for products and view the product details.
+
+  ![redis microservices e-commerce app frontend chat bot](images/02-ai-bot.png)
+
+  Clicking on a product in the chat shows the product details on dashboard
+
+  ![redis microservices e-commerce app frontend product details](images/03-ai-bot-product.png)
+
+- `Shopping Cart`: Add products to the cart, then check out using the "Buy Now" button
+  ![redis microservices e-commerce app frontend shopping cart](images/04-shopping-cart.png)
+
+- `Order history`: Once an order is placed, the `Orders` link in the top navigation bar shows the order status and history
+
+  ![redis microservices e-commerce app frontend order history page](images/05-order-history.png)
+
+- `Admin`: The `admin` link in the top navigation bar shows purchase stats and trending products.
+
+  ![redis microservices e-commerce app frontend admin page](images/06-admin-charts.png)
+  ![redis microservices e-commerce app frontend admin page](images/07-admin-top-trending.png)

docs/howtos/solutions/vector/common-ai/microservices-source-code-ai.mdx

@@ -0,0 +1,7 @@
+:::tip GITHUB CODE
+
+Below is a command to the clone the source code for the application used in this tutorial
+
+git clone --branch v7.1.0 https://github.com/redis-developer/redis-microservices-ecommerce-solutions
+
+:::