Item Description
# Salnazi Studio - Custom T-Shirt Designer
Frontend : https://jafmarketplace.in/public/demo/Project/t-shirt-designer-print/
Backend : https://jafmarketplace.in/public/demo/Project/t-shirt-designer-print/admin/
Salnazi Studio is a professional-grade web application designed for custom T-shirt design and management. It features a real-time interactive canvas, multi-layer support, and a dynamic color filtering engine.
## 🚀 Key Features
* **Interactive Design Studio**: Powered by Fabric.js for high-performance canvas manipulation.
* **Advanced Color Engine**: Uses 'Multiply' blend filters to apply colors while preserving garment texture and shadows.
* **Multi-Layer Support**: Add multiple logos, graphics, and text elements independently.
* **Design Gallery**: Admin panel to view, edit, and manage saved designs.
* **Layer Persistence**: Complete JSON-based saving system to allow designers to return and edit existing work.
## 🛠️ Technical Stack
* **Frontend**: HTML5, CSS3 (Bootstrap 5), JavaScript (Fabric.js).
* **Backend**: PHP 8.x.
* **Database**: MySQL (MariaDB) with dynamic prefix support.
* **Icons**: FontAwesome 6.
## 📂 Project Structure
* `/admin`: Studio dashboard, gallery, and designer interface.
* `/assets`: Images, CSS, and T-shirt base templates.
* `/config`: Database connections and design saving logic.
* `/includes`: Reusable header and footer components.
---
## 📝 Change Log
### [2025-12-21 23:45] - Multi-Layer & Color Sync Optimization
* **Fixed**: Resolved "Double T-shirt" stacking issue during design edits.
* **Added**: Implemented `BASE_TSHIRT` identification logic to ensure color filters only affect the garment.
* **Updated**: Enhanced `designer.php` to support multiple image uploads and text layers simultaneously.
* **Fixed**: Corrected z-index issues where logos would hide behind the background shirt.
### [2025-12-20 15:20] - Design Persistence
* **Added**: Full JSON export/import for the Fabric.js canvas.
* **Updated**: `save_design_logic.php` to handle both PNG snapshots and raw design data.
### [2025-12-19 10:00] - Theme & UI Consistency
* **Updated**: Applied a unified modern rounded-UI theme across all admin pages.
* **Fixed**: Standardized login/logout functions and header layouts.
---
## ⚙️ Development Instructions
1. Ensure MySQL is running and the database defined in `config/db_connection.php` exists.
2. The system uses `DROP TABLE IF EXISTS` logic during development for schema updates.
3. Access the admin panel via `/admin/index.php`.
## 📄 License
Private Property - Salnazi Studio Project.
Frontend : https://jafmarketplace.in/public/demo/Project/t-shirt-designer-print/
Backend : https://jafmarketplace.in/public/demo/Project/t-shirt-designer-print/admin/
Salnazi Studio is a professional-grade web application designed for custom T-shirt design and management. It features a real-time interactive canvas, multi-layer support, and a dynamic color filtering engine.
## 🚀 Key Features
* **Interactive Design Studio**: Powered by Fabric.js for high-performance canvas manipulation.
* **Advanced Color Engine**: Uses 'Multiply' blend filters to apply colors while preserving garment texture and shadows.
* **Multi-Layer Support**: Add multiple logos, graphics, and text elements independently.
* **Design Gallery**: Admin panel to view, edit, and manage saved designs.
* **Layer Persistence**: Complete JSON-based saving system to allow designers to return and edit existing work.
## 🛠️ Technical Stack
* **Frontend**: HTML5, CSS3 (Bootstrap 5), JavaScript (Fabric.js).
* **Backend**: PHP 8.x.
* **Database**: MySQL (MariaDB) with dynamic prefix support.
* **Icons**: FontAwesome 6.
## 📂 Project Structure
* `/admin`: Studio dashboard, gallery, and designer interface.
* `/assets`: Images, CSS, and T-shirt base templates.
* `/config`: Database connections and design saving logic.
* `/includes`: Reusable header and footer components.
---
## 📝 Change Log
### [2025-12-21 23:45] - Multi-Layer & Color Sync Optimization
* **Fixed**: Resolved "Double T-shirt" stacking issue during design edits.
* **Added**: Implemented `BASE_TSHIRT` identification logic to ensure color filters only affect the garment.
* **Updated**: Enhanced `designer.php` to support multiple image uploads and text layers simultaneously.
* **Fixed**: Corrected z-index issues where logos would hide behind the background shirt.
### [2025-12-20 15:20] - Design Persistence
* **Added**: Full JSON export/import for the Fabric.js canvas.
* **Updated**: `save_design_logic.php` to handle both PNG snapshots and raw design data.
### [2025-12-19 10:00] - Theme & UI Consistency
* **Updated**: Applied a unified modern rounded-UI theme across all admin pages.
* **Fixed**: Standardized login/logout functions and header layouts.
---
## ⚙️ Development Instructions
1. Ensure MySQL is running and the database defined in `config/db_connection.php` exists.
2. The system uses `DROP TABLE IF EXISTS` logic during development for schema updates.
3. Access the admin panel via `/admin/index.php`.
## 📄 License
Private Property - Salnazi Studio Project.
Item Description
# Salnazi Studio - Custom T-Shirt Designer
Frontend : https://jafmarketplace.in/public/demo/Project/t-shirt-designer-print/
Backend : https://jafmarketplace.in/public/demo/Project/t-shirt-designer-print/admin/
Salnazi Studio is a professional-grade web application designed for custom T-shirt design and management. It features a real-time interactive canvas, multi-layer support, and a dynamic color filtering engine.
## 🚀 Key Features
* **Interactive Design Studio**: Powered by Fabric.js for high-performance canvas manipulation.
* **Advanced Color Engine**: Uses 'Multiply' blend filters to apply colors while preserving garment texture and shadows.
* **Multi-Layer Support**: Add multiple logos, graphics, and text elements independently.
* **Design Gallery**: Admin panel to view, edit, and manage saved designs.
* **Layer Persistence**: Complete JSON-based saving system to allow designers to return and edit existing work.
## 🛠️ Technical Stack
* **Frontend**: HTML5, CSS3 (Bootstrap 5), JavaScript (Fabric.js).
* **Backend**: PHP 8.x.
* **Database**: MySQL (MariaDB) with dynamic prefix support.
* **Icons**: FontAwesome 6.
## 📂 Project Structure
* `/admin`: Studio dashboard, gallery, and designer interface.
* `/assets`: Images, CSS, and T-shirt base templates.
* `/config`: Database connections and design saving logic.
* `/includes`: Reusable header and footer components.
---
## 📝 Change Log
### [2025-12-21 23:45] - Multi-Layer & Color Sync Optimization
* **Fixed**: Resolved "Double T-shirt" stacking issue during design edits.
* **Added**: Implemented `BASE_TSHIRT` identification logic to ensure color filters only affect the garment.
* **Updated**: Enhanced `designer.php` to support multiple image uploads and text layers simultaneously.
* **Fixed**: Corrected z-index issues where logos would hide behind the background shirt.
### [2025-12-20 15:20] - Design Persistence
* **Added**: Full JSON export/import for the Fabric.js canvas.
* **Updated**: `save_design_logic.php` to handle both PNG snapshots and raw design data.
### [2025-12-19 10:00] - Theme & UI Consistency
* **Updated**: Applied a unified modern rounded-UI theme across all admin pages.
* **Fixed**: Standardized login/logout functions and header layouts.
---
## ⚙️ Development Instructions
1. Ensure MySQL is running and the database defined in `config/db_connection.php` exists.
2. The system uses `DROP TABLE IF EXISTS` logic during development for schema updates.
3. Access the admin panel via `/admin/index.php`.
## 📄 License
Private Property - Salnazi Studio Project.
Frontend : https://jafmarketplace.in/public/demo/Project/t-shirt-designer-print/
Backend : https://jafmarketplace.in/public/demo/Project/t-shirt-designer-print/admin/
Salnazi Studio is a professional-grade web application designed for custom T-shirt design and management. It features a real-time interactive canvas, multi-layer support, and a dynamic color filtering engine.
## 🚀 Key Features
* **Interactive Design Studio**: Powered by Fabric.js for high-performance canvas manipulation.
* **Advanced Color Engine**: Uses 'Multiply' blend filters to apply colors while preserving garment texture and shadows.
* **Multi-Layer Support**: Add multiple logos, graphics, and text elements independently.
* **Design Gallery**: Admin panel to view, edit, and manage saved designs.
* **Layer Persistence**: Complete JSON-based saving system to allow designers to return and edit existing work.
## 🛠️ Technical Stack
* **Frontend**: HTML5, CSS3 (Bootstrap 5), JavaScript (Fabric.js).
* **Backend**: PHP 8.x.
* **Database**: MySQL (MariaDB) with dynamic prefix support.
* **Icons**: FontAwesome 6.
## 📂 Project Structure
* `/admin`: Studio dashboard, gallery, and designer interface.
* `/assets`: Images, CSS, and T-shirt base templates.
* `/config`: Database connections and design saving logic.
* `/includes`: Reusable header and footer components.
---
## 📝 Change Log
### [2025-12-21 23:45] - Multi-Layer & Color Sync Optimization
* **Fixed**: Resolved "Double T-shirt" stacking issue during design edits.
* **Added**: Implemented `BASE_TSHIRT` identification logic to ensure color filters only affect the garment.
* **Updated**: Enhanced `designer.php` to support multiple image uploads and text layers simultaneously.
* **Fixed**: Corrected z-index issues where logos would hide behind the background shirt.
### [2025-12-20 15:20] - Design Persistence
* **Added**: Full JSON export/import for the Fabric.js canvas.
* **Updated**: `save_design_logic.php` to handle both PNG snapshots and raw design data.
### [2025-12-19 10:00] - Theme & UI Consistency
* **Updated**: Applied a unified modern rounded-UI theme across all admin pages.
* **Fixed**: Standardized login/logout functions and header layouts.
---
## ⚙️ Development Instructions
1. Ensure MySQL is running and the database defined in `config/db_connection.php` exists.
2. The system uses `DROP TABLE IF EXISTS` logic during development for schema updates.
3. Access the admin panel via `/admin/index.php`.
## 📄 License
Private Property - Salnazi Studio Project.
