MUHAMMAD UMER SHEIKH

// ClimateAI
import { useState, useEffect } from 'react';

interface ProjectProps {
  name: string;
  description: string;
}

const ClimateAI = ({ name, description }: ProjectProps) => {
  const [isLoading, setIsLoading] = useState(true);
  
  useEffect(() => {
    // Initialize project
    console.log("Project initialized:", name);
    setIsLoading(false);
  }, [name]);

  return (
    <div className="project-container">
      {!isLoading ? (
        <div>
          <h2>{name}</h2>
          <p>{description}</p>
        </div>
      ) : (
        <div>Loading project data...</div>
      )}
    </div>
  );
};

export default ClimateAI;

// National Assembly of Pakistan Website
import { useState, useEffect } from 'react';

interface ProjectProps {
  name: string;
  description: string;
}

const NationalAssemblyofPakistanWebsite = ({ name, description }: ProjectProps) => {
  const [isLoading, setIsLoading] = useState(true);
  
  useEffect(() => {
    // Initialize project
    console.log("Project initialized:", name);
    setIsLoading(false);
  }, [name]);

  return (
    <div className="project-container">
      {!isLoading ? (
        <div>
          <h2>{name}</h2>
          <p>{description}</p>
        </div>
      ) : (
        <div>Loading project data...</div>
      )}
    </div>
  );
};

export default NationalAssemblyofPakistanWebsite;

<?php
/**
 * Phuket Property Management Website
 * 
 * The multi-vendor-based project aims to allow tourists to book property for rent, or have tours in Thailand. Being the lead developer, we have developed the web app in the LAMP stack. The business had a net income of $2.7 million during the fiscal year (2017-2018).
 */

class PhuketPropertyManagementWebsite {
  private $name;
  private $description;
  
  public function __construct($name, $description) {
    $this->name = $name;
    $this->description = $description;
    $this->initialize();
  }
  
  private function initialize() {
    // Project initialization logic
    echo "Project initialized: " . $this->name;
  }
  
  public function render() {
    return "<div class='project'>
      <h2>{$this->name}</h2>
      <p>{$this->description}</p>
    </div>";
  }
}

$project = new PhuketPropertyManagementWebsite("Phuket Property Management Website", "The multi-vendor-based project aims to allow tourists to book property for rent, or have tours in Thailand. Being the lead developer, we have developed the web app in the LAMP stack. The business had a net income of $2.7 million during the fiscal year (2017-2018).");
echo $project->render();
?>

/**
 * MarkoVoice
 * 
 * Engineered an AI-driven voice messaging system utilizing the LAMP stack. Integrated Twilio for efficient message delivery and CentOS for system stability. Enabled dynamic upload and call initiation via user-friendly Excel file interface.
 */

class MarkoVoice {
  constructor(name, description) {
    this.name = name;
    this.description = description;
    this.initialize();
  }
  
  initialize() {
    // Project initialization logic
    console.log("Project initialized:", this.name);
  }
  
  render() {
    const container = document.createElement('div');
    container.className = 'project';
    
    const title = document.createElement('h2');
    title.textContent = this.name;
    
    const desc = document.createElement('p');
    desc.textContent = this.description;
    
    container.appendChild(title);
    container.appendChild(desc);
    
    return container;
  }
}

const project = new MarkoVoice("MarkoVoice", "Engineered an AI-driven voice messaging system utilizing the LAMP stack. Integrated Twilio for efficient message delivery and CentOS for system stability. Enabled dynamic upload and call initiation via user-friendly Excel file interface.");
document.body.appendChild(project.render());