Portfolio/about.html at main · DevExplorerr/Portfolio · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About - Muhammad Saad Jamal</title>
<meta name="description" content="Flutter Developer building production-grade mobile ecosystems with Clean Architecture and Firebase.">

<link rel="icon" type="image/svg+xml" href="assets/img/favicon.svg">
<link rel="apple-touch-icon" href="assets/img/favicon.svg">

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>

<header>
  <nav>
    <a href="index.html" class="logo">SAAD<span class="dim">.dev</span></a>
    <ul class="nav-links">
      <li><a href="index.html">Home</a></li>
      <li><a href="about.html">About</a></li>
      <li><a href="services.html">Services</a></li>
      <li><a href="projects.html">Projects</a></li>
      <li><a href="contact.html">Contact</a></li>
    </ul>
    <div class="hamburger">
      <div class="bar"></div>
      <div class="bar"></div>
      <div class="bar"></div>
    </div>
  </nav>
</header>

<main>

  <section style="padding-top: 70px;">
    <div class="section-head" style="margin-bottom: 30px;">
      <span class="eyebrow">About</span>
      <h2>Muhammad Saad Jamal</h2>
    </div>

    <div class="wrap">
      <p class="about-lede">
        I'm a <strong>Mobile App Developer</strong> building production-grade, SaaS-style mobile ecosystems —
        complete systems that go beyond the UI to include backend architecture, real-time data, operational tooling (like admin dashboards) and AI integrations that make an app usable by real people, not just a
        portfolio piece.
      </p>
      <p class="about-lede">
        I focus on architectural optimization: Clean Architecture (Repository-Service-Provider) for testable,
        maintainable codebases, paired with deliberate work on memory footprint and UI rebuild efficiency so
        performance holds up as data and users scale. Firebase (Auth, Firestore, RBAC) and REST APIs form the
        backbone of how I connect apps to the real world.
      </p>
      <p class="about-lede">
        Alongside internships, I'm actively building independent, production-focused mobile products end-to-end
        — and currently open to remote Flutter opportunities.
      </p>
    </div>
  </section>

  <div class="section-divider"><span class="label">// Background</span><span class="line"></span></div>
  <section>
    <div class="wrap">
      <div class="two-col">
        <div>
          <span class="eyebrow">Education</span>
          <h3 style="margin-bottom: 10px;">Bachelor of Science in Applied Computing</h3>
          <p style="color: var(--text-secondary); margin-bottom: 6px;">Iqra University, Karachi, Pakistan</p>
          <p style="font-family: var(--font-mono); font-size: 0.85rem; color: var(--text-muted); margin-bottom: 26px;">Oct 2024 – Sep 2028 (Expected)</p>

          <span class="eyebrow">Certification</span>
          <h3 style="margin-bottom: 10px;">Mobile Application Development</h3>
          <p style="color: var(--text-secondary); margin-bottom: 6px;">Bano Qabil, Karachi</p>
          <p style="font-family: var(--font-mono); font-size: 0.85rem; color: var(--text-muted);">Dec 2023</p>
        </div>

        <div class="looking-for-box">
          <span class="spec-label">// What I'm Looking For</span>
          <ul>
            <li>Remote Flutter Developer roles — full-time or contract</li>
            <li>Collaborations with technical founders building mobile-first products</li>
            <li>Opportunities to own architecture decisions, not just implement screens</li>
          </ul>
        </div>
      </div>
    </div>
  </section>

  <div class="section-divider"><span class="label">// Approach</span><span class="line"></span></div>
  <section>
    <div class="wrap">
      <span class="eyebrow">How I Work</span>
      <h2 style="margin-bottom: 24px;">My Philosophy</h2>
      <p class="about-lede">
        Every app is a system before it's a screen. I start with how data flows and who owns state, because
        that decision is what determines whether a codebase is still maintainable a year and a dozen features
        later. I'd rather ship something smaller that's built right than something large that's built fast
        and fragile.
      </p>
    </div>
  </section>

</main>

<footer>
  <div class="footer-inner">
    <p>&copy; 2026 Muhammad Saad Jamal. All rights reserved.</p>
    <div class="footer-social">
      <a href="https://github.com/DevExplorerr" target="_blank" rel="noopener" aria-label="GitHub">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" aria-hidden="true"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/></svg>
      </a>
      <a href="https://linkedin.com/in/muhammadsaadjamal" target="_blank" rel="noopener" aria-label="LinkedIn">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/></svg>
      </a>
      <a href="mailto:[email protected]" aria-label="Email">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" aria-hidden="true"><path d="M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z"/></svg>
      </a>
    </div>
  </div>
</footer>

<script src="script.js"></script>
</body>
</html>