---

🎉 Shoutout Form – Admin Dashboard System

A complete Employee Shoutout Management System built using PHP, MySQL, HTML5, CSS3, and JavaScript. This system allows employees to submit shoutouts for their best-performing teammates and lets admins manage, track, and export shoutout data — all within a responsive, interactive dashboard.

---

🚀 Project Overview

During my internship at VDart GCC, I developed this Shoutout Form Project in just one week to simplify the recognition process for top-performing employees. The system includes a public shoutout form (accessible via QR code) and a secure admin panel for managing submissions, approvals, and reports.

---

✨ Key Features

🧾 Frontend Features

• QR Code Integration – Scan and open the form instantly.
• Responsive design for desktop, tablet, and mobile.
• Shoutout submission with employee name, email, CC ID, receiver details, and message.
• File/image upload with live preview.
• Real-time form validation for smoother user experience.

🔐 Admin Dashboard

• Secure Admin Login System.

• Visually appealing dashboard UI (modern cards & charts).

• Manage shoutouts with pagination, sorting, and filtering.

• View detailed records: sender, receiver, email, CC ID, message, and uploaded image.

• Image preview & download directly from the dashboard.

• Export options – Download all records as CSV, PDF, or Excel.

• Admin Actions:

  • ✅ Approve / Mark as Read
  • 📩 Mark as Unread
  • ❌ Delete Individual or Bulk Records
  • ⚙️ Add & Manage Custom Fields (auto database integration)

• 🔔 Admin receives notifications for every new shoutout submission.

---

🛠️ Tech Stack

Category	Technologies Used
Frontend	HTML5, CSS3, JavaScript
Backend	PHP (Core PHP)
Database	MySQL
Other Tools	QR Code Generator API, AJAX
Version Control	Git & GitHub

---

🗂️ Folder Structure

Shoutout_Form/
│
├── assets/               # CSS, JS, and image files
├── uploads/              # Uploaded images from shoutout form
│
├── admin.php             # Admin dashboard page
├── db-config.php         # Database configuration
├── db_connect.php        # Database connection file
├── delete_shoutout.php   # Record delete functionality
├── index.html            # Shoutout submission form
├── submit.php            # Form submission handler
└── README.md             # Project documentation

---

⚙️ How to Run Locally

1. Clone the Repository

   git clone https://github.com/Vigneshgbe/Shoutout_Form.git
   cd Shoutout_Form

2. Setup Database

   • Create a database named shoutout_db (or any name).
   • Import the SQL file if available or create tables based on db-config.php.

3. Run the Server

   • Place the project inside htdocs folder (for XAMPP/WAMP).

   • Start Apache and MySQL from the control panel.

   • Open in browser:

     http://localhost/Shoutout_Form/index.html
     

4. Admin Dashboard

   • Access at:

     http://localhost/Shoutout_Form/admin.php
     

---

🔗 QR Code Access

A custom QR code is integrated to allow employees to directly access the Shoutout Form without typing the URL manually. Simply scan the QR code (displayed in posters or announcements) to open the form instantly.

---

💡 Future Enhancements

• Add analytics for top shoutouts and employee performance.
• Multi-admin role-based access control.
• Email automation for new submissions.
• Dark/light mode UI toggle.
• Integration with internal HR dashboards.

---

🧠 Project Highlights

• Developed within one week during my internship at VDart GCC.
• Demonstrates full-stack capability (frontend, backend, and database integration).
• Focused on real-time recognition system for employee appreciation.
• Built with attention to UI/UX, scalability, and maintainability.

---

📬 Feedback

Have feedback or suggestions? 👉 Open an Issue or connect on LinkedIn.

---

📜 License

This project is licensed under the MIT License.

---

Developed with ❤️ by Vignesh G

---

Would you like me to add badges (e.g., PHP, MySQL, Responsive, Internship Project) at the top for a more professional GitHub look? It’ll make the README visually stand out to recruiters and viewers.