CMC Print - Student Printing Service Platform

A modern, responsive web platform for managing student printing services with a beautiful UI, built with PHP and MySQL.

🎨 Features

For Students

• Modern Dashboard with order statistics
• Drag & Drop File Upload (PDF, DOCX, PPTX, images)
• Print Configuration (Black & White / Color)
• Real-time Price Calculator
• Order Tracking with vertical timeline
• QR Code System for pickup

For Administrators

• Admin Dashboard with system statistics
• Orders Management with inline status updates
• User Search and filtering
• File Management
• Real-time Updates

Design & UX

• ✨ Glassmorphism effects with backdrop blur
• 🎯 Smooth animations and micro-interactions
• 🎨 Modern color palette and typography
• 📱 Fully responsive design
• 🚀 Premium aesthetics with soft shadows

🚀 Quick Start

Prerequisites

• XAMPP (or any PHP 7.4+ with MySQL)
• Web browser

Installation

1. Clone or copy files to your web server directory:

   c:\xampp\htdocs\cp1\
   

2. Start XAMPP services:

   • Apache
   • MySQL

3. Import database:

   • Open phpMyAdmin: http://localhost/phpmyadmin
   • Create new database: cmc_print
   • Import database.sql file

4. Configure database (if needed): Edit config.php and update connection settings:

   define('DB_HOST', 'localhost');
   define('DB_USER', 'root');
   define('DB_PASS', '');
   define('DB_NAME', 'cmc_print');

5. Set permissions for uploads:

   chmod 777 uploads

6. Access the platform:

   • Home: http://localhost/cp1/home.php
   • Login: http://localhost/cp1/index.php

🔑 Default Credentials

Admin Account:

• Email: admin@cmcprint.com
• Password: admin123

Student Account: Create a new account via the signup form.

📁 Project Structure

cp1/
├── config.php              # Database configuration
├── database.sql            # MySQL schema
├── styles.css              # Design system
├── includes/
│   ├── header.php         # Navigation component
│   └── footer.php         # Footer component
├── index.php              # Login/Signup
├── logout.php             # Logout handler
├── home.php               # Landing page
├── about.php              # About page
├── contact.php            # Contact form
├── dashboard.php          # Student dashboard
├── dashboard.js           # Client-side logic
├── upload.php             # File upload processor
├── get_orders.php         # Orders API
├── admin.php              # Admin panel
├── admin_actions.php      # Admin operations
└── uploads/               # File storage

🎯 How It Works

For Students

1. Sign Up with email and student ID
2. Upload Files via drag-and-drop or file browser
3. Choose Options: pages, print type (B&W or Color)
4. View Price calculated in real-time
5. Submit Order and track status
6. Collect Prints using QR code

For Admins

1. Login with admin credentials
2. View Statistics: total orders, revenue, users
3. Manage Orders: search, filter, update status
4. View Files and delete orders
5. Monitor real-time order updates

🎨 Design System

Color Palette

• Dark Base: #1C2321
• Primary Accent: #7D98A1
• Secondary Accent: #5E6572
• Light Tone: #A9B4C2

Typography

• Headings: Outfit (Google Fonts)
• Body: Inter (Google Fonts)

Components

• Glassmorphism cards
• Gradient buttons
• Timeline component
• Responsive tables
• Form controls
• Badge system

🔐 Security Features

• ✅ Password hashing with password_hash()
• ✅ SQL injection prevention (prepared statements)
• ✅ XSS protection with sanitization
• ✅ Session-based authentication
• ✅ Role-based access control
• ✅ File validation and secure storage

📊 Order Status Workflow

Submitted → Processing → Printing → Ready → Completed

Admins can update status at any stage. Students see visual timeline updates.

🛠️ Technical Stack

• Backend: PHP 7.4+
• Database: MySQL 5.7+
• Frontend: HTML5, CSS3, JavaScript (ES6+)
• Libraries: QRCode.js
• Server: Apache (XAMPP)

📝 Pricing

• Black & White: $0.50 per page
• Color: $1.50 per page

Configure in config.php:

define('PRICE_PER_PAGE_BW', 0.50);
define('PRICE_PER_PAGE_COLOR', 1.50);

🎥 Features Demo

Student Dashboard

• Statistics cards showing order counts and spending
• Drag-and-drop file upload zone
• Print type selector with price calculator
• Vertical timeline for order tracking

Admin Panel

• System-wide statistics
• Searchable orders table
• Inline status updates
• File management actions

🌟 Highlights

✨ Modern UI/UX with premium aesthetics
⚡ Fast & Responsive on all devices
🔒 Secure authentication and data handling
📱 Mobile-Friendly responsive design
🎯 User-Centric intuitive interface
💰 Affordable student-friendly pricing

📖 Documentation

See walkthrough.md for detailed documentation of all features and implementation details.

🐛 Troubleshooting

Database connection failed:

• Check XAMPP MySQL is running
• Verify database exists in phpMyAdmin
• Check credentials in config.php

File upload not working:

• Ensure uploads/ directory exists
• Check directory permissions (chmod 777)
• Verify file size under 10MB

Styles not loading:

• Clear browser cache
• Check styles.css path is correct
• Verify Apache is serving CSS files

📧 Support

For issues or questions, use the contact form on the platform or check the documentation.

📄 License

This project is created for educational purposes.

---

Built with ❤️ for students