{"id":23954396,"url":"https://github.com/rstockm/mastowall","last_synced_at":"2026-01-02T02:06:23.114Z","repository":{"id":166214126,"uuid":"641677715","full_name":"rstockm/mastowall","owner":"rstockm","description":"Simple implementation of a Twitter-Wall like grid of postings from Mastodon","archived":false,"fork":false,"pushed_at":"2025-08-26T17:54:40.000Z","size":129,"stargazers_count":99,"open_issues_count":6,"forks_count":18,"subscribers_count":6,"default_branch":"main","last_synced_at":"2025-09-08T02:50:28.226Z","etag":null,"topics":["chatgpt4","mastodon","social"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rstockm.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2023-05-17T00:11:06.000Z","updated_at":"2025-08-26T17:54:43.000Z","dependencies_parsed_at":"2024-01-25T15:57:20.647Z","dependency_job_id":null,"html_url":"https://github.com/rstockm/mastowall","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/rstockm/mastowall","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rstockm%2Fmastowall","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rstockm%2Fmastowall/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rstockm%2Fmastowall/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rstockm%2Fmastowall/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rstockm","download_url":"https://codeload.github.com/rstockm/mastowall/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rstockm%2Fmastowall/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":274821236,"owners_count":25356244,"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","status":"online","status_checked_at":"2025-09-12T02:00:09.324Z","response_time":60,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["chatgpt4","mastodon","social"],"created_at":"2025-01-06T15:00:50.994Z","updated_at":"2026-01-02T02:06:23.101Z","avatar_url":"https://github.com/rstockm.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# Mastowall 2\n\nMastowall is a modern social wall application that displays posts from the [Mastodon](https://joinmastodon.org/) social network. It was written entirely by AI ([Claude Sonnet 4.5](https://www.anthropic.com/), ChatGPT 4, and ChatGPT 5), guided only by text prompts.\n\n\u003cimg width=\"2237\" height=\"1522\" alt=\"image\" src=\"https://github.com/user-attachments/assets/99236190-66f4-435f-87b6-a72bb33fe88d\" /\u003e\n\nThe new People screen - who is writing on the wall?\n\n\u003cimg width=\"2223\" height=\"1520\" alt=\"image\" src=\"https://github.com/user-attachments/assets/79dc92d3-eb47-4ede-8191-aa273401ec78\" /\u003e\n\n\n\n🔗 **[Try it live](https://rstockm.github.io/mastowall/)**\n\nTry it live: [[Mastowall for the Open Source Summit]](https://rstockm.github.io/mastowall/?hashtags=opensourcesummit,ossummit\u0026server=https://mastodon.social)\n\nUse your own hashtags and server via the settings:\n\n\u003cimg width=\"2704\" height=\"1348\" alt=\"image\" src=\"https://github.com/user-attachments/assets/c314ea99-a85a-4298-8efe-ac257f69ccc8\" /\u003e\n\n\n\n## ✨ Features\n\n### 🎨 **Modern UI Design**\n- **Three View Modes:** Switch between Grid (Posts), People (Avatar Cards), and Settings\n- **Sticky Header:** Always accessible navigation with smooth animations\n- **Responsive Masonry Layout:** Beautiful grid that adapts to any screen size\n- **Clean \u0026 Modern:** Professional white design with subtle gradients and shadows\n\n### 📱 **Content Display**\n- **Real-Time Updates:** Posts refresh every 10 seconds automatically\n- **Rich Media Support:** Display images, videos, and multi-image carousals\n- **Lightbox View:** Click any media to see it in full-screen overlay\n- **Relative Timestamps:** Human-readable time display (e.g., \"5 minutes ago\")\n- **Avatar Cards:** View contributors grouped by author with post counts\n- **Smart Filtering:** Exclude replies or include them based on your needs\n\n### 🔧 **Configuration**\n- **URL Parameters:** Easy sharing with `?hashtags=tag1,tag2\u0026server=mastodon.social`\n- **Zero State Screen:** Intuitive setup for first-time visitors\n- **Multi-Server Support:** Connect to any Mastodon instance\n- **Follow Feature:** Authenticated users can follow contributors directly\n- **Share Function:** Copy current configuration to clipboard\n\n### 🔐 **Privacy \u0026 Security**\n- **Client-Side First:** Most processing happens in your browser\n- **Secure Authentication:** OAuth 2.0 for Mastodon connections\n- **No Data Storage:** Your configuration stays in the URL, not on servers\n\n## 🛠️ Technology Stack\n\n- **[Bootstrap 5](https://getbootstrap.com/)** - Modern responsive framework\n- **[jQuery](https://jquery.com/)** - DOM manipulation and AJAX\n- **[Masonry](https://masonry.desandro.com/)** - Cascading grid layout\n- **[DOMPurify](https://github.com/cure53/DOMPurify)** - XSS protection for user-generated content\n- **[Bootstrap Icons](https://icons.getbootstrap.com/)** - Icon library\n- **Vanilla JavaScript** - Modern ES6+ for application logic\n\n## 🚀 Quick Start\n\n### Basic Usage\n\n1. **Visit** [https://rstockm.github.io/mastowall/](https://rstockm.github.io/mastowall/)\n2. **Enter** up to 3 hashtags you want to follow\n3. **Select** a Mastodon server (default: mastodon.social)\n4. **Click** \"Start\" and watch the wall come alive!\n\n### URL Parameters\n\nShare specific configurations by using URL parameters:\n\n```\nhttps://rstockm.github.io/mastowall/?hashtags=wwdc,apple\u0026server=mastodon.social\n```\n\n**Parameters:**\n- `hashtags` - Comma-separated list of hashtags (no # symbol needed)\n- `server` - Mastodon instance URL (e.g., `mastodon.social`)\n\n### Connect to Mastodon (Optional)\n\nTo use the Follow feature:\n\n1. Click the **Connect** button (🔗 icon) in the header\n2. Enter your own Mastodon instance URL\n3. Authorize the connection\n4. Follow contributors directly from the People view\n\n*Note: Authentication is handled securely via OAuth 2.0. Your credentials are never stored.*\n\n## 🤝 Related Projects\n\n- **[Mastotags](https://rstockm.github.io/mastotags/)** - Discover trending hashtag combinations\n\n## 🤖 AI-Powered Development\n\nMastowall 2 demonstrates the potential of AI-assisted software development. The entire application—including all code, UI/UX design, and documentation—was created through conversations with multiple AI models: **Claude Sonnet 4.5** (Anthropic), **ChatGPT 4** (OpenAI), and **ChatGPT 5** (OpenAI).\n\nThe development process:\n- Human developer described desired features and requirements\n- AI models provided solutions, code implementations, and optimization suggestions\n- Iterative refinement through natural language conversation\n- **Every line of code** was written by AI\n\nThis project serves as a proof of concept for modern AI-assisted development workflows.\n\n## 📝 License\n\nThis project is open source and available under the MIT License.\n\n## 👤 Author\n\n**Ralf Stockmann** ([@rstockm](https://github.com/rstockm))\n- Prompting \u0026 Project Direction\n- AI Collaboration \u0026 Workflow Design\n\n---\n\n**Powered by AI** 🤖 | **Built for Mastodon** 🐘 | **Made with ❤️**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frstockm%2Fmastowall","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frstockm%2Fmastowall","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frstockm%2Fmastowall/lists"}