🚀 Modern Web Guidance Demos

Welcome to the Modern Web Guidance Demos repository! This project is a curated collection of legacy web applications designed to showcase how using Modern Web Guidance (MWG) with your AI agent can transform legacy web patterns into modern, performant, accessible, and highly premium user experiences.

These demos serve as interactive playground environments designed with AI-assisted workflows in mind. By cloning these mini-apps, you can work with your AI coding assistant to identify common bottlenecks and practice upgrading legacy code using native web platform APIs.

---

📦 Repository Structure

At this stage, the repository contains the following self-contained mini-app under legacy-demos/:

.
├── README.md                    # Main project overview and details (this file)
├── LICENSE                      # Apache 2.0 License
├── CONTRIBUTING.md              # Google CLA and contribution guidelines
└── legacy-demos/
    └── cozy-nook-bookshop/      # Vanilla JS mini-app (Baseline widely available)
        ├── README.md            # App information and an overivew of legacy patterns
        ├── public/              # HTML, CSS, and JS source files
        └── package.json         # Development and bundling scripts (Vite)

---

🛠️ Getting Started

To run the Cozy Nook Bookshop demo locally, navigate into its directory, install dependencies, and start the development server:

cd legacy-demos/cozy-nook-bookshop
npm install
npm run dev

---

📋 Open Source & Licensing

This project is released under the terms of the Apache 2.0 License. See LICENSE for the full text.

To contribute, please read CONTRIBUTING.md for information on signing the Google Contributor License Agreement (CLA).

---

⚠️ Disclaimer

Important

This is not an officially supported Google product. This project is not eligible for the Google Open Source Software Vulnerability Rewards Program.

Note

This project is intended for demonstration purposes only. It is not intended for use in a production environment.