https://github.com/full-stack-web-developer-and-designer/shoutbox-app
Shoutbox created with PHP, MySQL, JavaScript, jQuery, AJAX, HTML and CSS
https://github.com/full-stack-web-developer-and-designer/shoutbox-app
ajax css html javascript jquery jquery-ajax mirnesglamocic mysql php shoutbox
Last synced: 3 months ago
JSON representation
Shoutbox created with PHP, MySQL, JavaScript, jQuery, AJAX, HTML and CSS
- Host: GitHub
- URL: https://github.com/full-stack-web-developer-and-designer/shoutbox-app
- Owner: full-stack-web-developer-and-designer
- License: mit
- Created: 2023-02-03T05:46:53.000Z (about 3 years ago)
- Default Branch: master
- Last Pushed: 2025-02-17T07:41:38.000Z (about 1 year ago)
- Last Synced: 2025-02-17T08:30:19.034Z (about 1 year ago)
- Topics: ajax, css, html, javascript, jquery, jquery-ajax, mirnesglamocic, mysql, php, shoutbox
- Language: PHP
- Homepage: https://mirnesglamocic.com/shoutbox/index.html
- Size: 191 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Shoutbox — shoutbox.mirnesglamocic.com
A lightweight, real-time shoutbox application that allows visitors to post short public messages instantly.
Built as a simple and fun interactive project for the portfolio of **Mirnes Glamočić**.
---
## 🌍 Live Demo
👉 **https://shoutbox.mirnesglamocic.com**
[](https://shoutbox.mirnesglamocic.com)
---
## 📌 About
The Shoutbox is a minimal public chat wall where users can:
- Post short messages (“shouts”)
- See messages from other visitors instantly
- Enjoy a clean and fast interface
- Experience real-time interaction without account creation
It’s a perfect example of real-time web functionality and a great addition to a personal developer portfolio.
---
## ✨ Features
- ✔️ Instant message posting
- ✔️ Automatic message refresh / real-time updates
- ✔️ Simple, responsive design
- ✔️ No login required
- ✔️ Lightweight backend
- ✔️ Easy to deploy and extend
---
## 🛠️ Technologies Used
- **HTML / CSS / JavaScript**
- **PHP**
- **MySQL**
- **AJAX / Fetch API** for periodic message updates
- **Apache**
---
## 📥 Installation
### 1️⃣ Clone the Repository
```bash
git clone https://github.com//shoutbox-app.git
cd shoutbox-app
```
### 2️⃣ Configure Environment
- database settings
### 3️⃣ Deploy to Web Server
Upload the project to your hosting directory
Make sure your server supports PHP
Ensure write permissions if you use file-based message storage
Import the SQL file (shoutit.sql)
### 4️⃣ Run the App
Open:
http://localhost/shoutbox
Or the live site, such as in my case:
https://shoutbox.mirnesglamocic.com
---
### 🧩 Usage
#### Posting Messages
Type your message into the input field and click Send.
Messages appear instantly on the shout wall.
#### Real-Time Updates
The page automatically reloads messages at short intervals, creating a real-time chat experience.
---
### 🔧 Customization Ideas
You can enhance the Shoutbox with:
- Admin panel
- Moderation tools (delete messages)
- Username system
- Message character limits
- Anti-spam features
- WebSockets (for true real-time updates)
- Dark mode
- Rate limiting
---
### 🤝 Contributing
Contributions and suggestions are welcome!
1. Fork the repo
2. Create a new branch
3. Commit your changes
4. Open a pull request
---
### 📄 License
This project is free to use, modify, and share.
---
### 👤 Author
#### Mirnes Glamočić
🌐 Website: https://mirnesglamocic.com
📧 Contact available on personal site
---
### ⭐ Acknowledgments
Thanks for visiting and trying out the Shoutbox!
Feel free to contribute or share feedback.