🏭 SMO Interactive Cost Analysis

A modern, interactive web application for analyzing spinning mill costs with real-time calculations, beautiful visualizations, and comprehensive reporting.

🌟 Features

📊 Interactive Cost Analysis

• Real-time Calculations: Dynamic cost computations as you input data
• Comprehensive Breakdown: Detailed analysis of all operational costs per kilogram of yarn
• Profit Margin Analysis: Calculate net profit before tax with visual indicators

📈 Data Visualization

• Interactive Charts: Beautiful Chart.js powered visualizations
• Cost Breakdown Pie Chart: Visual representation of expense distribution
• Responsive Design: Charts adapt to all screen sizes

🔧 Technical Features

• No Backend Required: Pure client-side application
• Fast Loading: Optimized assets and efficient code
• Cross-Browser: Compatible with all modern browsers

🚀 Demo

Live Demo (Will be available after GitHub Pages setup)

📋 Prerequisites

• Modern web browser (Chrome, Firefox, Safari, Edge)
• Internet connection (for CDN resources)

📖 Usage Guide

Getting Started

1. Input Parameters: Fill in the mill parameters in the data input table
2. Generate Analysis: Click "Generate Analysis Report" to calculate costs
3. Review Results: Analyze the cost breakdown and profit margins
4. Interactive Charts: Explore the visual representations of your data

Input Parameters

The application accepts various mill parameters including:

• Raw material costs
• Labor expenses
• Utility costs
• Overhead expenses
• Production capacity
• And more...

Understanding Results

• Total Expenses: Complete cost per kilogram of yarn produced
• Net Profit Before Tax: Calculated profit margin percentage
• Cost Breakdown Chart: Visual distribution of all expense categories
• Detailed Components: Expandable sections for each cost category

🏗️ Project Structure

smo-interactive-cost-analysis/
├── index.html              # Main application file
├── script.js              # JavaScript functionality
├── style.css              # Custom CSS styles
├── README.md              # Project documentation
├── .gitignore            # Git ignore rules
├── package.json          # Project metadata
└── .github/
    └── workflows/
        └── deploy.yml    # GitHub Actions deployment

🔧 Technologies Used

• Frontend: HTML5, CSS3, JavaScript (ES6+)
• Styling: Tailwind CSS (via CDN)
• Charts: Chart.js (via CDN)
• Fonts: Google Fonts (Inter)
• Icons: Heroicons (via Tailwind)

🙏 Acknowledgments

This application is based on course materials prepared by Dr. Hasan Abdellatif, who taught the Spinning Mill Organization Course at the Textile Engineering Department - Alexandria University. His lectures and educational content formed the foundation of this interactive tool.

👨‍💻 Developer

Ziad Elnagar

• Portfolio: https://ziadelnagar-portfolio.vercel.app/
• GitHub: @your-username

---

Made with ❤️ for the Textile Engineering Community