Learn SQL through interactive visualization - See every query as you click!
A web-based inventory system that displays real-time SQL queries for educational purposes. Built with PHP, MySQL, and vanilla JavaScript.
- Real-time SQL Display - Watch queries execute live
- Interactive SQL Executor - Test custom queries
- Complete CRUD - Products, Categories, Warehouses, Suppliers
- Stock Management - Track inventory across multiple warehouses
- Modern UI - Toast notifications, modal dialogs, draggable panels
- 50+ SQL Examples - JOINs, aggregates, subqueries, views
Requirements: XAMPP, PHP 7.4+, MySQL 8.0+
-
Clone & Setup
git clone https://github.com/soruprohan/InventorySQLFlow.git # Copy to: C:\xampp\htdocs\inventoryflowv2 -
Create Database
- Open phpMyAdmin:
http://localhost/phpmyadmin - Create database:
inventory_system - Import:
install_database.sql
- Open phpMyAdmin:
-
Configure (if needed)
- Edit
api/config.phpwith your MySQL credentials
- Edit
-
Launch
http://localhost/inventoryflowv2/
All major operations demonstrated:
- Basic:
SELECT,INSERT,UPDATE,DELETE - Joins:
INNER JOIN,LEFT JOIN,LEFT OUTER JOIN - Aggregates:
COUNT(),SUM(),AVG(),MIN(),MAX() - Clauses:
WHERE,GROUP BY,HAVING,ORDER BY,LIMIT - Advanced: Subqueries,
UNION,DISTINCT, Views - Constraints:
PRIMARY KEY,FOREIGN KEY,UNIQUE,CHECK
See SQL_REFERENCE.sql for 50+ examples.
inventoryflowv2/
├── api/ # PHP backend (11 endpoints)
├── css/style.css # Application styles
├── js/app.js # Frontend logic (2000+ lines)
├── index.html # Main interface
└── *.sql # Database & documentation
- Beginner: View Dashboard → See
COUNT()queries - Intermediate: Add Products → Watch
JOINoperations - Advanced: Try SQL Executor → Write custom queries
DATABASE_RELATIONSHIPS.md- ER diagram & relationshipsSQL_REFERENCE.sql- Complete SQL guideAPI_SQL_OPERATIONS.md- Query catalog by file
MIT License - Free for educational use