add web pages

Author: tssovi

.github/workflows/deploy.yml

@@ -0,0 +1,33 @@
+name: Deploy MkDocs to GitHub Pages
+
+on:
+  push:
+    branches:
+      - master # Set this to your default branch name (e.g., main or master)
+  workflow_dispatch: # Allows manual triggering from the GitHub UI
+
+permissions:
+  contents: write
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+
+      - name: Set up Python
+        uses: actions/setup-python@v4
+        with:
+          python-version: "3.10"
+
+      - name: Install dependencies
+        run: |
+          python -m pip install --upgrade pip
+          pip install mkdocs-material
+          pip install pillow cairosvg
+
+      - name: Deploy MkDocs
+        run: |
+          mkdocs gh-deploy --force

.gitignore

@@ -1 +1,11 @@
 .idea/
+site/
+__pycache__/
+*.py[cod]
+*$py.class
+.DS_Store
+.env
+.venv
+env/
+venv/
+ENV/

docs/about.md

@@ -0,0 +1,47 @@
+# About This Project
+
+## Origin of the Content
+
+This website is based on the "Grokking the Object Oriented Design Interview" course from [Educative.io](https://www.educative.io/courses/grokking-the-object-oriented-design-interview), enhanced with additional code examples and improved navigation.
+
+The original repository contains:
+
+1. **Object-Oriented Design and UML**: Theoretical foundation materials
+2. **Object-Oriented Design Case Studies**: 16 practical system design examples
+3. **Example codes**: Python implementation examples for each system
+4. **Media files**: Diagrams, UML charts, and visual assets
+
+## Technology Used
+
+This website is built using:
+
+- **[MkDocs](https://www.mkdocs.org/)**: A fast, simple static site generator
+- **[Material for MkDocs](https://squidfunk.github.io/mkdocs-material/)**: A beautiful theme with enhanced features
+- **[Python](https://www.python.org/)**: All code examples are implemented in Python
+
+## How to Use This Resource
+
+1. **Learn Systematically**: Start with the OOP fundamentals and UML section before diving into case studies
+2. **Practice Actively**: Try to design the systems yourself before looking at the provided solutions
+3. **Study the Code**: Examine the Python implementations to understand how the designs translate to code
+4. **Apply the Methodology**: Use the same systematic approach for your own interview preparation
+
+## Contributing
+
+If you find any issues or have suggestions for improvement, please feel free to contribute by:
+
+1. Opening an issue on GitHub
+2. Submitting a pull request with your proposed changes
+3. Suggesting additional case studies or improvements to existing ones
+
+## Acknowledgements
+
+Special thanks to:
+
+- **Educative.io** for the original course content
+- **Contributors** who have helped enhance the material
+- **The open-source community** for providing the tools used to build this site
+
+## Disclaimer
+
+This website is intended for educational purposes only. The content is designed to help with interview preparation and learning object-oriented design principles.