{"id":19328506,"url":"https://github.com/tmhsdigital/claude-site-demo","last_synced_at":"2026-05-16T02:38:06.786Z","repository":{"id":248218224,"uuid":"828103762","full_name":"TMHSDigital/claude-site-demo","owner":"TMHSDigital","description":null,"archived":false,"fork":false,"pushed_at":"2024-07-13T07:15:36.000Z","size":1793,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-06T07:28:31.734Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://tmhsdigital.github.io/claude-site-demo/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/TMHSDigital.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-07-13T06:10:59.000Z","updated_at":"2024-07-13T07:15:39.000Z","dependencies_parsed_at":null,"dependency_job_id":"19d71b12-e385-4bfd-a620-58f8b95099e8","html_url":"https://github.com/TMHSDigital/claude-site-demo","commit_stats":null,"previous_names":["tmhsdigital/claude-site-demo"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TMHSDigital%2Fclaude-site-demo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TMHSDigital%2Fclaude-site-demo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TMHSDigital%2Fclaude-site-demo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TMHSDigital%2Fclaude-site-demo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TMHSDigital","download_url":"https://codeload.github.com/TMHSDigital/claude-site-demo/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240434182,"owners_count":19800546,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-10T02:22:39.998Z","updated_at":"2026-05-16T02:38:06.759Z","avatar_url":"https://github.com/TMHSDigital.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Claude Site Demo\n\n![GitHub last commit](https://img.shields.io/github/last-commit/TMHSDigital/claude-site-demo)\n![GitHub repo size](https://img.shields.io/github/repo-size/TMHSDigital/claude-site-demo)\n![GitHub stars](https://img.shields.io/github/stars/TMHSDigital/claude-site-demo?style=social)\n![GitHub forks](https://img.shields.io/github/forks/TMHSDigital/claude-site-demo?style=social)\n\n![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge\u0026logo=html5\u0026logoColor=white)\n![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge\u0026logo=css3\u0026logoColor=white)\n![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge\u0026logo=javascript\u0026logoColor=%23F7DF1E)\n![GitHub Pages](https://img.shields.io/badge/GitHub%20Pages-222222?style=for-the-badge\u0026logo=GitHub%20Pages\u0026logoColor=white)\n\n## Overview\n\nClaude Site Demo is a dynamic, modular website hosted on GitHub Pages, designed to showcase various product and software integrations. This project demonstrates how to create a flexible platform for presenting different technologies, APIs, or services in an easily swappable manner.\n\n## Features\n\n- **Modular Integration System**: Easily add, remove, or swap out different product/software demonstrations.\n- **Dynamic Content Loading**: Utilizes JavaScript to load integration demos on-the-fly without page reloads.\n- **Responsive Design**: Ensures a seamless experience across various devices and screen sizes.\n- **GitHub Pages Hosting**: Leverages free and easy deployment through GitHub Pages.\n- **Expandable Architecture**: Designed to accommodate future growth and additional integrations.\n- **Mind Mapping Tool**: Interactive tool for creating and visualizing mind maps.\n\n## Project Structure\n\n```\nclaude-site-demo/\n├── index.html                 # Main entry point\n├── css/\n│   ├── styles.css             # Global styles\n│   └── mind-map.css           # Styles specific to mind mapping tool\n├── js/\n│   ├── main.js                # Main site functionality\n│   └── integration-loader.js  # Handles dynamic loading of integrations\n├── integrations/\n│   ├── integrations.json      # Configuration for available integrations\n│   ├── hello-world/\n│   │   └── demo.js            # Demo code for Hello World integration\n│   └── mind-map/\n│       └── demo.js            # Demo code for Mind Mapping integration\n├── assets/\n│   ├── images/\n│   └── fonts/\n├── _config.yml                # GitHub Pages configuration\n└── README.md                  # This file\n```\n\n## Getting Started\n\n### Prerequisites\n\n- A GitHub account\n- Basic knowledge of HTML, CSS, and JavaScript\n- Git installed on your local machine\n\n### Setup\n\n1. Clone the repository:\n   ```\n   git clone https://github.com/TMHSDigital/claude-site-demo.git\n   ```\n2. Navigate to the project directory:\n   ```\n   cd claude-site-demo\n   ```\n3. Open the project in your preferred code editor.\n\n### Adding a New Integration\n\n1. Create a new folder in the `integrations/` directory with your integration name.\n2. Add a `demo.js` file in this new folder with your integration's demo code.\n3. Update the `integrations.json` file to include your new integration.\n\n### Running Locally\n\nTo test the site locally:\n\n1. Install a local server if you don't have one. For example, using Python:\n   ```\n   python -m http.server 8000\n   ```\n2. Open a browser and navigate to `http://localhost:8000`\n\n### Deployment\n\nThe site is automatically deployed to GitHub Pages when changes are pushed to the main branch. To manually deploy:\n\n1. Go to your repository on GitHub.\n2. Navigate to Settings \u003e Pages.\n3. Ensure the source is set to deploy from the main branch.\n\n## Current Integrations\n\n1. **Hello World**: A simple demonstration integration.\n2. **Mind Mapping Tool**: Create and visualize mind maps to organize your ideas.\n\n## Upcoming Features\n\nWe're excited to announce upcoming productivity tool integrations:\n\n1. **To-Do List Application**: A robust task management system with priority setting and categorization.\n2. **Pomodoro Timer**: Boost productivity with customizable work and break intervals.\n3. **Note-Taking App**: Organize thoughts and information with rich text editing and tagging.\n4. **Time Tracker**: Monitor and analyze time usage across different activities and projects.\n5. **Habit Tracker**: Build and maintain positive habits with streak tracking and progress visualization.\n\nStay tuned for these exciting additions to our Claude Site Demo!\n\n## Contributing\n\nWe welcome contributions to the Claude Site Demo! Please follow these steps:\n\n1. Fork the repository.\n2. Create a new branch for your feature or bug fix.\n3. Make your changes and commit them with clear, descriptive messages.\n4. Push your changes to your fork.\n5. Submit a pull request with a clear description of your changes.\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n## Acknowledgments\n\n- Thanks to GitHub for providing GitHub Pages hosting.\n- D3.js library for powering our Mind Mapping tool.\n- Inspired by the need for flexible, easy-to-update product demos.\n\n## Contact\n\nFor any questions or feedback, please open an issue in the GitHub repository.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftmhsdigital%2Fclaude-site-demo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftmhsdigital%2Fclaude-site-demo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftmhsdigital%2Fclaude-site-demo/lists"}