{"id":19935920,"url":"https://github.com/full-stack-web-developer-and-designer/shoutbox-app","last_synced_at":"2026-04-10T15:04:37.322Z","repository":{"id":204599964,"uuid":"596877787","full_name":"full-stack-web-developer-and-designer/PHP-Shoutbox","owner":"full-stack-web-developer-and-designer","description":"Shoutbox created with PHP, MySQL, JavaScript, jQuery, AJAX, HTML and CSS","archived":false,"fork":false,"pushed_at":"2025-02-17T07:41:38.000Z","size":196,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-17T08:30:19.034Z","etag":null,"topics":["ajax","css","html","javascript","jquery","jquery-ajax","mirnesglamocic","mysql","php","shoutbox"],"latest_commit_sha":null,"homepage":"https://mirnesglamocic.com/shoutbox/index.html","language":"PHP","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/full-stack-web-developer-and-designer.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,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-02-03T05:46:53.000Z","updated_at":"2025-02-17T07:41:41.000Z","dependencies_parsed_at":null,"dependency_job_id":"31cf9783-0a7c-4d9b-889f-b7ad4c9654e6","html_url":"https://github.com/full-stack-web-developer-and-designer/PHP-Shoutbox","commit_stats":null,"previous_names":["full-stack-web-developer-and-designer/php-shoutbox"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/full-stack-web-developer-and-designer%2FPHP-Shoutbox","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/full-stack-web-developer-and-designer%2FPHP-Shoutbox/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/full-stack-web-developer-and-designer%2FPHP-Shoutbox/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/full-stack-web-developer-and-designer%2FPHP-Shoutbox/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/full-stack-web-developer-and-designer","download_url":"https://codeload.github.com/full-stack-web-developer-and-designer/PHP-Shoutbox/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241361905,"owners_count":19950467,"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":["ajax","css","html","javascript","jquery","jquery-ajax","mirnesglamocic","mysql","php","shoutbox"],"created_at":"2024-11-12T23:22:36.777Z","updated_at":"2025-12-30T21:17:07.970Z","avatar_url":"https://github.com/full-stack-web-developer-and-designer.png","language":"PHP","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Shoutbox — shoutbox.mirnesglamocic.com\n\nA lightweight, real-time shoutbox application that allows visitors to post short public messages instantly.  \nBuilt as a simple and fun interactive project for the portfolio of **Mirnes Glamočić**.\n\n---\n\n## 🌍 Live Demo\n\n👉 **https://shoutbox.mirnesglamocic.com**\n\n[![Shoutbox application](/project_shoutbox-1000px.jpg)](https://shoutbox.mirnesglamocic.com)\n\n---\n\n## 📌 About\n\nThe Shoutbox is a minimal public chat wall where users can:\n\n- Post short messages (“shouts”)  \n- See messages from other visitors instantly  \n- Enjoy a clean and fast interface  \n- Experience real-time interaction without account creation  \n\nIt’s a perfect example of real-time web functionality and a great addition to a personal developer portfolio.\n\n---\n\n## ✨ Features\n\n- ✔️ Instant message posting  \n- ✔️ Automatic message refresh / real-time updates  \n- ✔️ Simple, responsive design  \n- ✔️ No login required  \n- ✔️ Lightweight backend  \n- ✔️ Easy to deploy and extend  \n\n---\n\n## 🛠️ Technologies Used\n\n- **HTML / CSS / JavaScript**  \n- **PHP**\n- **MySQL**  \n- **AJAX / Fetch API** for periodic message updates  \n- **Apache**\n\n---\n\n## 📥 Installation\n\n### 1️⃣ Clone the Repository\n\n```bash\ngit clone https://github.com/\u003cyour-username\u003e/shoutbox-app.git\ncd shoutbox-app\n```\n\n### 2️⃣ Configure Environment\n- database settings\n\n\n### 3️⃣ Deploy to Web Server\n\nUpload the project to your hosting directory\n\nMake sure your server supports PHP\n\nEnsure write permissions if you use file-based message storage\n\nImport the SQL file (shoutit.sql)\n\n### 4️⃣ Run the App\n\nOpen:\n\nhttp://localhost/shoutbox\n\nOr the live site, such as in my case:\n\nhttps://shoutbox.mirnesglamocic.com\n\n---\n\n### 🧩 Usage\n#### Posting Messages\n\nType your message into the input field and click Send.\nMessages appear instantly on the shout wall.\n\n#### Real-Time Updates\n\nThe page automatically reloads messages at short intervals, creating a real-time chat experience.\n\n---\n\n### 🔧 Customization Ideas\n\nYou can enhance the Shoutbox with:\n\n- Admin panel\n\n- Moderation tools (delete messages)\n\n- Username system\n\n- Message character limits\n\n- Anti-spam features\n\n- WebSockets (for true real-time updates)\n\n- Dark mode\n\n- Rate limiting\n\n---\n\n### 🤝 Contributing\n\nContributions and suggestions are welcome!\n\n1. Fork the repo\n\n2. Create a new branch\n\n3. Commit your changes\n\n4. Open a pull request\n\n---\n\n### 📄 License\n\nThis project is free to use, modify, and share.\n\n---\n\n### 👤 Author\n\n#### Mirnes Glamočić\n🌐 Website: https://mirnesglamocic.com\n\n 📧 Contact available on personal site\n\n---\n\n### ⭐ Acknowledgments\n\nThanks for visiting and trying out the Shoutbox!\nFeel free to contribute or share feedback.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffull-stack-web-developer-and-designer%2Fshoutbox-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffull-stack-web-developer-and-designer%2Fshoutbox-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffull-stack-web-developer-and-designer%2Fshoutbox-app/lists"}