chore(readme): more info on the app

README.md

@@ -1,4 +1,12 @@
-# astro-microfrontends
+# Scalable Shoe Shop
+
+An e-commerce page as a demonstration of using [Astro](https://astro.build) as shell for a microfrontends application.
+
+<img src="./assets/sss-ss.png" />
+
+## About
+
+This project was initially forked from [this repo](https://github.com/sasoria/astro-microfrontends), then moved to a new repo for a cleaner history.
 
 This demo takes advantage of EcmaScript Modules (ESM) and url-imports to do client-side composition of microfrontends. Express is used for serving assets, but ideally one would have a dedicated CDN hosting them.
 
@@ -25,7 +33,3 @@ For production you would start the node server in the `server` folder, after bui
 ## Shared dependencies
 
 Dependencies such as react and react-dom are shared across applications. They are fetched from [esm.sh](https://esm.sh/) and gets cached in the browser, reducing the bundle size. Each app can share other dependencies as well through url imports.
-
-## More info
-
-This project was initially forked from [this repo](https://github.com/sasoria/astro-microfrontends), then moved to a new repo for a cleaner history.

app-heading/src/App.jsx

@@ -9,7 +9,7 @@ const App = (props) => {
 
   return (
     <section className="app-b">
-      <h1>
+      <h1 style={{ fontSize: "40px", marginTop: "0" }}>
         {title} <span style={{ background: "red", color: "white", padding: "0 0.25rem" }}>{count}</span>
       </h1>
     </section>