RSK World - Swift iOS Calculator - Project Files Browser | RSK World

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Swift iOS Calculator - Professional Demo</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" rel="stylesheet">
    <style>
        :root {
            --primary-color: #FF6B35;
            --secondary-color: #004E89;
            --dark-bg: #1a1a1a;
            --light-bg: #f8f9fa;
            --accent-color: #FF8C42;
        }

        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            min-height: 100vh;
        }

        .hero-section {
            background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
            color: white;
            padding: 100px 0;
            position: relative;
            overflow: hidden;
        }

        .hero-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23ffffff" fill-opacity="0.1" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,138.7C960,139,1056,117,1152,106.7C1248,96,1344,96,1392,96L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>') no-repeat bottom;
            background-size: cover;
        }

        .feature-card {
            background: white;
            border-radius: 15px;
            padding: 30px;
            margin-bottom: 30px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            border: none;
        }

        .feature-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 40px rgba(0,0,0,0.15);
        }

        .feature-icon {
            font-size: 3rem;
            color: var(--primary-color);
            margin-bottom: 20px;
        }

        .code-block {
            background: var(--dark-bg);
            border-radius: 10px;
            padding: 20px;
            margin: 20px 0;
            overflow-x: auto;
        }

        .file-tree {
            background: #2d2d2d;
            color: #f8f8f2;
            padding: 20px;
            border-radius: 10px;
            font-family: 'Courier New', monospace;
            font-size: 14px;
            line-height: 1.6;
        }

        .file-tree .folder {
            color: #61dafb;
            font-weight: bold;
        }

        .file-tree .file {
            color: #a6e22e;
        }

        .file-tree .swift {
            color: #66d9ef;
        }

        .file-tree .storyboard {
            color: #fd971f;
        }

        .file-tree .plist {
            color: #f92672;
        }

        .tech-badge {
            display: inline-block;
            padding: 5px 15px;
            margin: 5px;
            background: var(--primary-color);
            color: white;
            border-radius: 20px;
            font-size: 0.9rem;
        }

        .installation-step {
            background: white;
            border-left: 4px solid var(--primary-color);
            padding: 20px;
            margin: 20px 0;
            border-radius: 5px;
        }

        .navbar-brand {
            font-weight: bold;
            color: white !important;
        }

        .watermark {
            position: fixed;
            bottom: 10px;
            right: 10px;
            color: rgba(255,255,255,0.7);
            font-size: 0.8rem;
            z-index: 1000;
        }

        .calculator-preview {
            background: #2c3e50;
            border-radius: 20px;
            padding: 20px;
            color: white;
            font-family: 'Courier New', monospace;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
        }

        .display-screen {
            background: #34495e;
            padding: 15px;
            border-radius: 10px;
            text-align: right;
            font-size: 2rem;
            margin-bottom: 20px;
            min-height: 60px;
        }

        .button-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 10px;
        }

        .calc-btn {
            background: #3498db;
            border: none;
            padding: 20px;
            border-radius: 10px;
            color: white;
            font-size: 1.2rem;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .calc-btn:hover {
            background: #2980b9;
            transform: scale(1.05);
        }

        .calc-btn.operation {
            background: var(--primary-color);
        }

        .calc-btn.operation:hover {
            background: var(--accent-color);
        }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .fade-in {
            animation: fadeIn 0.8s ease-out;
        }

        .section-title {
            color: var(--secondary-color);
            font-weight: bold;
            margin-bottom: 30px;
            position: relative;
        }

        .section-title::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 0;
            width: 50px;
            height: 3px;
            background: var(--primary-color);
        }
    </style>
</head>
<body>
    <!-- Navigation -->
    <nav class="navbar navbar-expand-lg navbar-dark" style="background: rgba(0,0,0,0.1); position: fixed; width: 100%; z-index: 999;">
        <div class="container">
            <a class="navbar-brand" href="#"><i class="fas fa-calculator"></i> Swift iOS Calculator</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav ms-auto">
                    <li class="nav-item"><a class="nav-link" href="#features">Features</a></li>
                    <li class="nav-item"><a class="nav-link" href="#files">Files</a></li>
                    <li class="nav-item"><a class="nav-link" href="#installation">Installation</a></li>
                    <li class="nav-item"><a class="nav-link" href="#usage">Usage</a></li>
                    <li class="nav-item"><a class="nav-link" href="#architecture">Architecture</a></li>
                </ul>
            </div>
        </div>
    </nav>

    <!-- Hero Section -->
    <section class="hero-section">
        <div class="container text-center fade-in">
            <h1 class="display-3 fw-bold mb-4">Swift iOS Calculator</h1>
            <p class="lead mb-5">Professional-Grade Calculator Application with Advanced Mathematical Capabilities</p>
            <div class="row justify-content-center">
                <div class="col-md-6">
                    <div class="calculator-preview">
                        <div class="display-screen">123.45</div>
                        <div class="button-grid">
                            <button class="calc-btn">C</button>
                            <button class="calc-btn">±</button>
                            <button class="calc-btn">%</button>
                            <button class="calc-btn operation">÷</button>
                            <button class="calc-btn">7</button>
                            <button class="calc-btn">8</button>
                            <button class="calc-btn">9</button>
                            <button class="calc-btn operation">×</button>
                            <button class="calc-btn">4</button>
                            <button class="calc-btn">5</button>
                            <button class="calc-btn">6</button>
                            <button class="calc-btn operation">−</button>
                            <button class="calc-btn">1</button>
                            <button class="calc-btn">2</button>
                            <button class="calc-btn">3</button>
                            <button class="calc-btn operation">+</button>
                            <button class="calc-btn" style="grid-column: span 2;">0</button>
                            <button class="calc-btn">.</button>
                            <button class="calc-btn operation">=</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Features Section -->
    <section id="features" class="py-5">
        <div class="container">
            <h2 class="section-title">🚀 Features Overview</h2>
            <div class="row">
                <div class="col-md-4">
                    <div class="feature-card">
                        <div class="feature-icon"><i class="fas fa-calculator"></i></div>
                        <h4>Core Calculators</h4>
                        <p>Basic, Scientific, Programmer, Unit & Currency Converters with advanced mathematical functions.</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="feature-card">
                        <div class="feature-icon"><i class="fas fa-chart-line"></i></div>
                        <h4>Graphing & 3D</h4>
                        <p>2D function plotting and 3D surface visualization using SceneKit technology.</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="feature-card">
                        <div class="feature-icon"><i class="fas fa-brain"></i></div>
                        <h4>AI Math Solver</h4>
                        <p>Step-by-step solutions for algebra, calculus, and complex mathematical problems.</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <div class="feature-card">
                        <div class="feature-icon"><i class="fas fa-flask"></i></div>
                        <h4>Specialized Tools</h4>
                        <p>Chemistry, Physics, Engineering, Financial, and Geometry calculators.</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="feature-card">
                        <div class="feature-icon"><i class="fas fa-table"></i></div>
                        <h4>Matrix & Statistics</h4>
                        <p>Complete linear algebra operations and statistical data analysis tools.</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="feature-card">
                        <div class="feature-icon"><i class="fas fa-mobile-alt"></i></div>
                        <h4>Platform Integration</h4>
                        <p>Widgets, Siri Shortcuts, Apple Watch support, and theme customization.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Files Section -->
    <section id="files" class="py-5 bg-light">
        <div class="container">
            <h2 class="section-title">📁 Project Structure & Files</h2>
            
            <div class="row mb-4">
                <div class="col-12">
                    <div class="alert alert-info">
                        <h5><i class="fas fa-info-circle"></i> Project Overview</h5>
                        <p class="mb-0">The Swift iOS Calculator project contains <strong>52 total files</strong> organized into logical categories for optimal maintainability and scalability.</p>
                    </div>
                </div>
            </div>

            <!-- File Categories Summary -->
            <div class="row mb-4">
                <div class="col-md-3">
                    <div class="feature-card text-center">
                        <div class="feature-icon"><i class="fas fa-code text-primary"></i></div>
                        <h3>27</h3>
                        <p class="mb-0">Swift Files</p>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="feature-card text-center">
                        <div class="feature-icon"><i class="fas fa-mobile-alt text-warning"></i></div>
                        <h3>19</h3>
                        <p class="mb-0">Storyboard Files</p>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="feature-card text-center">
                        <div class="feature-icon"><i class="fas fa-cog text-success"></i></div>
                        <h3>6</h3>
                        <p class="mb-0">Config Files</p>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="feature-card text-center">
                        <div class="feature-icon"><i class="fas fa-image text-info"></i></div>
                        <h3>3</h3>
                        <p class="mb-0">Asset Files</p>
                    </div>
                </div>
            </div>

            <!-- Detailed File Structure -->
            <div class="row">
                <div class="col-md-8">
                    <h4><i class="fas fa-folder-tree"></i> Complete File Structure</h4>
                    <div class="file-tree" style="max-height: 600px; overflow-y: auto;">
📦 <span class="folder">Swift iOS Calculator</span>
│
├── 📁 <span class="folder">Assets.xcassets</span>
│   ├── 📁 <span class="folder">AppIcon.appiconset</span>
│   │   ├── 📄 <span class="plist">Contents.json</span>
│   │   └── 📄 <span class="file">README.md</span>
│   ├── 📁 <span class="folder">AccentColor.colorset</span>
│   │   └── 📄 <span class="plist">Contents.json</span>
│   └── 📄 <span class="plist">Contents.json</span>
│
├── 📁 <span class="folder">Base.lproj</span>
│   ├── 📄 <span class="storyboard">AIMathSolver.storyboard</span>
│   ├── 📄 <span class="storyboard">ChemistryCalculator.storyboard</span>
│   ├── 📄 <span class="storyboard">CurrencyConverter.storyboard</span>
│   ├── 📄 <span class="storyboard">CustomFormulaBuilder.storyboard</span>
│   ├── 📄 <span class="storyboard">EngineeringCalculator.storyboard</span>
│   ├── 📄 <span class="storyboard">EquationSolver.storyboard</span>
│   ├── 📄 <span class="storyboard">FinancialCalculator.storyboard</span>
│   ├── 📄 <span class="storyboard">GeometryCalculator.storyboard</span>
│   ├── 📄 <span class="storyboard">Graphing3D.storyboard</span>
│   ├── 📄 <span class="storyboard">GraphingCalculator.storyboard</span>
│   ├── 📄 <span class="storyboard">History.storyboard</span>
│   ├── 📄 <span class="storyboard">LaunchScreen.storyboard</span>
│   ├── 📄 <span class="file">Localizable.strings</span>
│   ├── 📄 <span class="storyboard">Main.storyboard</span>
│   ├── 📄 <span class="storyboard">MatrixCalculator.storyboard</span>
│   ├── 📄 <span class="storyboard">PhysicsCalculator.storyboard</span>
│   ├── 📄 <span class="storyboard">ProgrammerCalculator.storyboard</span>
│   ├── 📄 <span class="storyboard">Scientific.storyboard</span>
│   ├── 📄 <span class="storyboard">Settings.storyboard</span>
│   └── 📄 <span class="storyboard">UnitConverter.storyboard</span>
│
├── 📄 <span class="swift">AppDelegate.swift</span>
├── 📄 <span class="swift">CalculatorHistoryViewController.swift</span>
├── 📄 <span class="swift">CalculatorLogic.swift</span>
├── 📄 <span class="swift">CalculatorSettingsViewController.swift</span>
├── 📄 <span class="swift">CalculatorTheme.swift</span>
├── 📄 <span class="swift">CalculatorUtils.swift</span>
├── 📄 <span class="swift">CalculatorViewController.swift</span>
├── 📄 <span class="swift">CalculatorWidget.swift</span>
├── 📄 <span class="plist">CalculatorWidgetInfo.plist</span>
├── 📄 <span class="swift">ChemistryCalculatorViewController.swift</span>
├── 📄 <span class="swift">CurrencyConverterViewController.swift</span>
├── 📄 <span class="swift">CustomFormulaBuilderViewController.swift</span>
├── 📄 <span class="swift">EngineeringCalculatorViewController.swift</span>
├── 📄 <span class="swift">EquationSolverViewController.swift</span>
├── 📄 <span class="swift">FinancialCalculatorViewController.swift</span>
├── 📄 <span class="swift">GeometryCalculatorViewController.swift</span>
├── 📄 <span class="swift">Graphing3DViewController.swift</span>
├── 📄 <span class="swift">GraphingCalculatorViewController.swift</span>
├── 📄 <span class="plist">Info.plist</span>
├── 📄 <span class="file">LICENSE</span>
├── 📄 <span class="swift">MainTabBarController.swift</span>
├── 📄 <span class="swift">MatrixCalculatorViewController.swift</span>
├── 📄 <span class="swift">PhysicsCalculatorService.swift</span>
├── 📄 <span class="file">PRIVACY_POLICY.md</span>
├── 📄 <span class="swift">ProgrammerCalculatorViewController.swift</span>
├── 📄 <span class="file">README.md</span>
├── 📄 <span class="swift">SceneDelegate.swift</span>
├── 📄 <span class="swift">ScientificCalculatorViewController.swift</span>
├── 📄 <span class="swift">SiriShortcutsManager.swift</span>
├── 📄 <span class="plist">Swift iOS Calculator.entitlements</span>
├── 📄 <span class="swift">UnitConverterViewController.swift</span>
├── 📄 <span class="swift">WatchCalculatorViewController.swift</span>
│
└── 📁 <span class="folder">swift-ios-calculator.xcodeproj</span>
    └── 📄 <span class="plist">project.pbxproj</span>
                    </div>
                </div>

                <div class="col-md-4">
                    <!-- Collapsible File Categories -->
                    <div class="accordion" id="fileCategoriesAccordion">
                        <!-- Swift Files -->
                        <div class="accordion-item mb-3">
                            <h2 class="accordion-header">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#swiftFiles">
                                    <i class="fas fa-code text-primary me-2"></i>
                                    <strong>Swift Files (27)</strong>
                                </button>
                            </h2>
                            <div id="swiftFiles" class="accordion-collapse collapse show" data-bs-parent="#fileCategoriesAccordion">
                                <div class="accordion-body">
                                    <div class="mb-3">
                                        <h6><i class="fas fa-crown text-warning"></i> Core Files</h6>
                                        <ul class="list-unstyled">
                                            <li><i class="fas fa-file-code text-primary"></i> AppDelegate.swift</li>
                                            <li><i class="fas fa-file-code text-primary"></i> SceneDelegate.swift</li>
                                            <li><i class="fas fa-file-code text-primary"></i> MainTabBarController.swift</li>
                                        </ul>
                                    </div>
                                    <div class="mb-3">
                                        <h6><i class="fas fa-calculator text-success"></i> Calculator Logic</h6>
                                        <ul class="list-unstyled">
                                            <li><i class="fas fa-file-code text-primary"></i> CalculatorLogic.swift</li>
                                            <li><i class="fas fa-file-code text-primary"></i> CalculatorUtils.swift</li>
                                            <li><i class="fas fa-file-code text-primary"></i> CalculatorTheme.swift</li>
                                        </ul>
                                    </div>
                                    <div class="mb-3">
                                        <h6><i class="fas fa-mobile-alt text-info"></i> View Controllers (15)</h6>
                                        <ul class="list-unstyled">
                                            <li><i class="fas fa-file-code text-primary"></i> CalculatorViewController.swift</li>
                                            <li><i class="fas fa-file-code text-primary"></i> ScientificCalculatorViewController.swift</li>
                                            <li><i class="fas fa-file-code text-primary"></i> ProgrammerCalculatorViewController.swift</li>
                                            <li><i class="fas fa-file-code text-primary"></i> + 12 more...</li>
                                        </ul>
                                    </div>
                                    <div class="mb-3">
                                        <h6><i class="fas fa-plug text-warning"></i> Platform Integration</h6>
                                        <ul class="list-unstyled">
                                            <li><i class="fas fa-file-code text-primary"></i> CalculatorWidget.swift</li>
                                            <li><i class="fas fa-file-code text-primary"></i> SiriShortcutsManager.swift</li>
                                            <li><i class="fas fa-file-code text-primary"></i> WatchCalculatorViewController.swift</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Storyboard Files -->
                        <div class="accordion-item mb-3">
                            <h2 class="accordion-header">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#storyboardFiles">
                                    <i class="fas fa-mobile-alt text-warning me-2"></i>
                                    <strong>Storyboard Files (19)</strong>
                                </button>
                            </h2>
                            <div id="storyboardFiles" class="accordion-collapse collapse" data-bs-parent="#fileCategoriesAccordion">
                                <div class="accordion-body">
                                    <div class="mb-3">
                                        <h6><i class="fas fa-home text-primary"></i> Main Interface</h6>
                                        <ul class="list-unstyled">
                                            <li><i class="fas fa-file-image text-warning"></i> Main.storyboard</li>
                                            <li><i class="fas fa-file-image text-warning"></i> LaunchScreen.storyboard</li>
                                        </ul>
                                    </div>
                                    <div class="mb-3">
                                        <h6><i class="fas fa-calculator text-success"></i> Calculator UIs (15)</h6>
                                        <ul class="list-unstyled">
                                            <li><i class="fas fa-file-image text-warning"></i> AIMathSolver.storyboard</li>
                                            <li><i class="fas fa-file-image text-warning"></i> ChemistryCalculator.storyboard</li>
                                            <li><i class="fas fa-file-image text-warning"></i> CurrencyConverter.storyboard</li>
                                            <li><i class="fas fa-file-image text-warning"></i> + 12 more...</li>
                                        </ul>
                                    </div>
                                    <div class="mb-3">
                                        <h6><i class="fas fa-cog text-info"></i> Support Screens</h6>
                                        <ul class="list-unstyled">
                                            <li><i class="fas fa-file-image text-warning"></i> Settings.storyboard</li>
                                            <li><i class="fas fa-file-image text-warning"></i> History.storyboard</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Configuration Files -->
                        <div class="accordion-item mb-3">
                            <h2 class="accordion-header">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#configFiles">
                                    <i class="fas fa-cog text-success me-2"></i>
                                    <strong>Configuration Files (6)</strong>
                                </button>
                            </h2>
                            <div id="configFiles" class="accordion-collapse collapse" data-bs-parent="#fileCategoriesAccordion">
                                <div class="accordion-body">
                                    <ul class="list-unstyled">
                                        <li><i class="fas fa-file-code text-danger"></i> Info.plist</li>
                                        <li><i class="fas fa-file-code text-danger"></i> Swift iOS Calculator.entitlements</li>
                                        <li><i class="fas fa-file-code text-danger"></i> CalculatorWidgetInfo.plist</li>
                                        <li><i class="fas fa-file-code text-primary"></i> Localizable.strings</li>
                                        <li><i class="fas fa-file-alt text-info"></i> LICENSE</li>
                                        <li><i class="fas fa-file-alt text-info"></i> PRIVACY_POLICY.md</li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <!-- Asset Files -->
                        <div class="accordion-item">
                            <h2 class="accordion-header">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#assetFiles">
                                    <i class="fas fa-image text-info me-2"></i>
                                    <strong>Asset Files (3)</strong>
                                </button>
                            </h2>
                            <div id="assetFiles" class="accordion-collapse collapse" data-bs-parent="#fileCategoriesAccordion">
                                <div class="accordion-body">
                                    <ul class="list-unstyled">
                                        <li><i class="fas fa-folder text-warning"></i> AppIcon.appiconset/</li>
                                        <li><i class="fas fa-folder text-warning"></i> AccentColor.colorset/</li>
                                        <li><i class="fas fa-file-code text-danger"></i> Contents.json</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- File Statistics -->
                    <div class="feature-card mt-3">
                        <h5><i class="fas fa-chart-bar"></i> File Statistics</h5>
                        <div class="row text-center">
                            <div class="col-6">
                                <h4 class="text-primary">52</h4>
                                <small>Total Files</small>
                            </div>
                            <div class="col-6">
                                <h4 class="text-success">15+</h4>
                                <small>Calculator Types</small>
                            </div>
                        </div>
                        <hr>
                        <div class="row text-center">
                            <div class="col-6">
                                <h4 class="text-warning">9</h4>
                                <small>Frameworks</small>
                            </div>
                            <div class="col-6">
                                <h4 class="text-info">6</h4>
                                <small>Themes</small>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- File Purpose Overview -->
            <div class="row mt-4">
                <div class="col-12">
                    <div class="feature-card">
                        <h4><i class="fas fa-lightbulb"></i> File Organization Purpose</h4>
                        <div class="row">
                            <div class="col-md-4">
                                <h6><i class="fas fa-rocket text-primary"></i> Scalability</h6>
                                <p>Organized structure supports easy addition of new calculator types and features.</p>
                            </div>
                            <div class="col-md-4">
                                <h6><i class="fas fa-shield-alt text-success"></i> Maintainability</h6>
                                <p>Clear separation of concerns makes debugging and updates straightforward.</p>
                            </div>
                            <div class="col-md-4">
                                <h6><i class="fas fa-users text-info"></i> Collaboration</h6>
                                <p>Logical file organization enables efficient team development workflows.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Installation Section -->
    <section id="installation" class="py-5">
        <div class="container">
            <h2 class="section-title">⚙️ Installation & Setup</h2>
            
            <div class="installation-step">
                <h4><i class="fas fa-check-circle text-success"></i> Step 1: Prerequisites</h4>
                <ul>
                    <li>macOS 12.0 or later</li>
                    <li>Xcode 13.0 or later</li>
                    <li>iOS 15.0+ target deployment</li>
                    <li>Apple Developer Account (for distribution)</li>
                </ul>
            </div>

            <div class="installation-step">
                <h4><i class="fas fa-check-circle text-success"></i> Step 2: Clone the Repository</h4>
                <div class="code-block">
                    <pre><code class="language-bash">git clone https://github.com/rskworld/swift-ios-calculator.git
cd swift-ios-calculator</code></pre>
                </div>
            </div>

            <div class="installation-step">
                <h4><i class="fas fa-check-circle text-success"></i> Step 3: Open in Xcode</h4>
                <div class="code-block">
                    <pre><code class="language-bash">open swift-ios-calculator.xcodeproj</code></pre>
                </div>
            </div>

            <div class="installation-step">
                <h4><i class="fas fa-check-circle text-success"></i> Step 4: Configure Project</h4>
                <ul>
                    <li>Select your development team in project settings</li>
                    <li>Update bundle identifier if needed</li>
                    <li>Configure signing certificates</li>
                    <li>Verify app capabilities (Camera, App Groups)</li>
                </ul>
            </div>

            <div class="installation-step">
                <h4><i class="fas fa-check-circle text-success"></i> Step 5: Build & Run</h4>
                <div class="code-block">
                    <pre><code class="language-bash"># Select target device or simulator
# Press Cmd+R to build and run
# Or use command line:
xcodebuild -scheme "Swift iOS Calculator" -destination "platform=iOS Simulator,name=iPhone 14"</code></pre>
                </div>
            </div>

            <div class="alert alert-info">
                <h5><i class="fas fa-info-circle"></i> Framework Dependencies</h5>
                <p>The project automatically includes these frameworks:</p>
                <div>
                    <span class="tech-badge">SceneKit</span>
                    <span class="tech-badge">CoreGraphics</span>
                    <span class="tech-badge">WidgetKit</span>
                    <span class="tech-badge">SwiftUI</span>
                    <span class="tech-badge">AudioToolbox</span>
                    <span class="tech-badge">NaturalLanguage</span>
                    <span class="tech-badge">Intents</span>
                    <span class="tech-badge">IntentsUI</span>
                    <span class="tech-badge">WatchKit</span>
                </div>
            </div>
        </div>
    </section>

    <!-- Usage Section -->
    <section id="usage" class="py-5 bg-light">
        <div class="container">
            <h2 class="section-title">📖 Usage Guide</h2>
            
            <div class="row">
                <div class="col-md-6">
                    <div class="feature-card">
                        <h4><i class="fas fa-play-circle"></i> Basic Usage</h4>
                        <ol>
                            <li><strong>Launch the App:</strong> Open from home screen</li>
                            <li><strong>Select Calculator Type:</strong> Choose from tab bar</li>
                            <li><strong>Basic Operations:</strong> Use number and operation buttons</li>
                            <li><strong>Memory Functions:</strong> M+, M-, MR, MC for memory</li>
                            <li><strong>Clear Functions:</strong> C for clear, AC for all clear</li>
                        </ol>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="feature-card">
                        <h4><i class="fas fa-cog"></i> Advanced Features</h4>
                        <ol>
                            <li><strong>Scientific Mode:</strong> Access sin, cos, tan, log, √ functions</li>
                            <li><strong>Programmer Mode:</strong> Binary, hex, octal conversions</li>
                            <li><strong>Unit Conversion:</strong> Select category and input values</li>
                            <li><strong>Currency Exchange:</strong> Real-time rates with QR scanning</li>
                            <li><strong>Graphing:</strong> Enter functions and view plots</li>
                        </ol>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6">
                    <div class="feature-card">
                        <h4><i class="fas fa-palette"></i> Theme Customization</h4>
                        <ol>
                            <li>Go to Settings tab</li>
                            <li>Select "Themes" option</li>
                            <li>Choose from 6 themes: Light, Dark, Blue, Green, Purple, Sunset</li>
                            <li>Theme applies instantly across all calculators</li>
                            <li>Preference saved automatically</li>
                        </ol>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="feature-card">
                        <h4><i class="fas fa-history"></i> History & Settings</h4>
                        <ol>
                            <li><strong>Calculation History:</strong> View past calculations</li>
                            <li><strong>Clear History:</strong> Remove all or selected entries</li>
                            <li><strong>Sound Settings:</strong> Toggle button sounds</li>
                            <li><strong>Haptic Feedback:</strong> Enable vibration feedback</li>
                            <li><strong>Decimal Places:</strong> Set precision (1-15 digits)</li>
                        </ol>
                    </div>
                </div>
            </div>

            <div class="feature-card">
                <h4><i class="fas fa-mobile-alt"></i> Platform Integration</h4>
                <div class="row">
                    <div class="col-md-3">
                        <h6><i class="fas fa-th"></i> Home Screen Widgets</h6>
                        <p>Add calculator widgets to your home screen for quick access</p>
                    </div>
                    <div class="col-md-3">
                        <h6><i class="fas fa-microphone"></i> Siri Shortcuts</h6>
                        <p>Use voice commands to perform calculations</p>
                    </div>
                    <div class="col-md-3">
                        <h6><i class="fas fa-clock"></i> Apple Watch</h6>
                        <p>Calculator available on your Apple Watch</p>
                    </div>
                    <div class="col-md-3">
                        <h6><i class="fas fa-camera"></i> QR Code Scanning</h6>
                        <p>Scan QR codes for currency exchange rates</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Architecture Section -->
    <section id="architecture" class="py-5">
        <div class="container">
            <h2 class="section-title">🏗️ Architecture & Code Structure</h2>
            
            <div class="row">
                <div class="col-md-6">
                    <div class="feature-card">
                        <h4><i class="fas fa-sitemap"></i> MVC Architecture</h4>
                        <p>The app follows Model-View-Controller pattern:</p>
                        <ul>
                            <li><strong>Models:</strong> CalculatorLogic, CalculatorTheme, Settings</li>
                            <li><strong>Views:</strong> Storyboards, UI components</li>
                            <li><strong>Controllers:</strong> 15+ specialized view controllers</li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="feature-card">
                        <h4><i class="fas fa-puzzle-piece"></i> Key Components</h4>
                        <ul>
                            <li><strong>MainTabBarController:</strong> Navigation hub</li>
                            <li><strong>CalculatorLogic:</strong> Core calculation engine</li>
                            <li><strong>CalculatorTheme:</strong> Theme management system</li>
                            <li><strong>CalculatorUtils:</strong> Utility functions</li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="feature-card">
                <h4><i class="fas fa-code"></i> Code Examples</h4>
                <h6>Theme System Usage:</h6>
                <div class="code-block">
                    <pre><code class="language-swift">// Apply theme to view controller
override func viewDidLoad() {
    super.viewDidLoad()
    view.backgroundColor = CalculatorTheme.shared.backgroundColor
    applyThemeToSubviews(view, theme: CalculatorTheme.shared)
}

// Change theme dynamically
CalculatorTheme.shared.setTheme("Dark")</code></pre>
                </div>

                <h6>Calculator Logic Usage:</h6>
                <div class="code-block">
                    <pre><code class="language-swift">// Perform calculation
let calculator = CalculatorLogic()
calculator.inputNumber(5)
calculator.setOperation(.add)
calculator.inputNumber(3)
let result = calculator.calculate() // Result: 8</code></pre>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6">
                    <div class="feature-card">
                        <h4><i class="fas fa-shield-alt"></i> Security & Privacy</h4>
                        <ul>
                            <li>All calculations performed locally</li>
                            <li>No data transmitted to external servers</li>
                            <li>Biometric authentication for history</li>
                            <li>Privacy policy compliant with App Store</li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="feature-card">
                        <h4><i class="fas fa-rocket"></i> Performance</h4>
                        <ul>
                            <li>Optimized for iOS 15+ features</li>
                            <li>Efficient memory management</li>
                            <li>Smooth animations and transitions</li>
                            <li>Fast startup and calculation response</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer class="py-5 text-white" style="background: var(--dark-bg);">
        <div class="container text-center">
            <h3><i class="fas fa-calculator"></i> Swift iOS Calculator</h3>
            <p>Professional Calculator Application for iOS</p>
            <div class="mb-3">
                <span class="tech-badge">Swift 5.0</span>
                <span class="tech-badge">iOS 15.0+</span>
                <span class="tech-badge">Xcode 13.0+</span>
            </div>
            <p class="mb-0">
                <i class="fas fa-code"></i> Developed by <strong>RSK World</strong> | 
                <i class="fas fa-envelope"></i> info@rskworld.com | 
                <i class="fas fa-globe"></i> <a href="https://rskworld.in" style="color: var(--primary-color);">rskworld.in</a>
            </p>
            <p class="mt-2 mb-0">
                <small>&copy; 2026 RSK World. All rights reserved.</small>
            </p>
        </div>
    </footer>

    <!-- Watermark -->
    <div class="watermark">rskworld.in</div>

    <!-- Scripts -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-core.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/autoloader/prism-autoloader.min.js"></script>
    <script>
        // Smooth scrolling for navigation links
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                const target = document.querySelector(this.getAttribute('href'));
                if (target) {
                    target.scrollIntoView({
                        behavior: 'smooth',
                        block: 'start'
                    });
                }
            });
        });

        // Add fade-in animation on scroll
        const observerOptions = {
            threshold: 0.1,
            rootMargin: '0px 0px -50px 0px'
        };

        const observer = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.classList.add('fade-in');
                }
            });
        }, observerOptions);

        document.querySelectorAll('.feature-card').forEach(card => {
            observer.observe(card);
        });

        // Interactive calculator demo
        let display = '0';
        let currentOperation = null;
        let previousValue = null;
        let shouldResetDisplay = false;

        function updateDisplay() {
            document.querySelector('.display-screen').textContent = display;
        }

        document.querySelectorAll('.calc-btn').forEach(btn => {
            btn.addEventListener('click', function() {
                const value = this.textContent;
                
                if (value >= '0' && value <= '9') {
                    if (display === '0' || shouldResetDisplay) {
                        display = value;
                        shouldResetDisplay = false;
                    } else {
                        display += value;
                    }
                } else if (value === '.') {
                    if (!display.includes('.')) {
                        display += '.';
                    }
                } else if (value === 'C') {
                    display = '0';
                    currentOperation = null;
                    previousValue = null;
                } else if (value === '±') {
                    display = (parseFloat(display) * -1).toString();
                } else if (value === '%') {
                    display = (parseFloat(display) / 100).toString();
                } else if (['+', '−', '×', '÷'].includes(value)) {
                    if (previousValue !== null && currentOperation !== null && !shouldResetDisplay) {
                        calculate();
                    }
                    previousValue = parseFloat(display);
                    currentOperation = value;
                    shouldResetDisplay = true;
                } else if (value === '=') {
                    calculate();
                }
                
                updateDisplay();
            });
        });

        function calculate() {
            if (previousValue === null || currentOperation === null) return;
            
            const currentValue = parseFloat(display);
            let result;
            
            switch (currentOperation) {
                case '+':
                    result = previousValue + currentValue;
                    break;
                case '−':
                    result = previousValue - currentValue;
                    break;
                case '×':
                    result = previousValue * currentValue;
                    break;
                case '÷':
                    result = previousValue / currentValue;
                    break;
            }
            
            display = result.toString();
            currentOperation = null;
            previousValue = null;
            shouldResetDisplay = true;
        }

        // Initialize display
        updateDisplay();
    </script>
</body>
</html>

999 lines•47.5 KB

markup

Theme Settings

Color Scheme

Display Options

Font Size