jchemutt.github.io/index.html at main · jchemutt/jchemutt.github.io · 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
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="description" content="Joseph Chemutt — Senior software developer building geospatial, climate, remote sensing, and AI-powered platforms." />
  <meta name="author" content="Joseph Chemutt" />
  <meta property="og:title" content="Joseph Chemutt | Software Developer" />
  <meta property="og:description" content="Geospatial systems, remote sensing, climate analytics, and AI-powered digital platforms." />
  <meta property="og:type" content="website" />
  <meta name="theme-color" content="#0f172a" />
  <title>Joseph Chemutt | Software Developer</title>
  <link rel="icon" type="image/x-icon" href="assets/img/favicon.ico" />
  <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=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" />
  <link href="css/styles.css" rel="stylesheet" />
</head>
<body>
  <header class="site-header" id="top">
    <div class="container nav-wrap">
      <a class="brand" href="#top">Joseph Chemutt</a>
      <button class="nav-toggle" aria-label="Open menu" aria-expanded="false">
        <span></span><span></span><span></span>
      </button>
      <nav class="site-nav" id="site-nav">
        <a href="#about">About</a>
        <a href="#skills">Skills</a>
        <button class="theme-toggle" id="themeToggle" aria-label="Toggle theme">
          <i class="fa-solid fa-moon"></i>
        </button>
      </nav>
    </div>
  </header>

  <main>
    <section class="hero section">
      <div class="container hero-grid">
        <div class="hero-copy">
          <span class="eyebrow">Software Developer · Geospatial & Data Systems · Climate Analytics · Applied AI/ML</span>
          <h1>Building practical digital platforms across software, data, geospatial intelligence, and applied AI for climate resilience, agriculture, and sustainable development.</h1>
          <p class="hero-lead">
            I design and deliver web platforms, geospatial applications, remote sensing workflows, and AI-enabled decision-support tools that turn complex data into usable digital products.
          </p>
          <div class="hero-actions">
            <a class="button button-secondary" href="mailto:chemuttjose@gmail.com">Contact Me</a>
          </div>
          <ul class="hero-meta">
            <li><i class="fa-solid fa-location-dot"></i> Kenya</li>
            <li><i class="fa-solid fa-briefcase"></i> Senior Associate - Software Developer</li>
            <li><i class="fa-solid fa-building"></i> Alliance of Bioversity International and CIAT</li>
          </ul>
        </div>
        <aside class="hero-card card">
          <img class="profile-image" src="assets/img/photo.jpg" alt="Portrait of Joseph Chemutt" />
          <div class="hero-card-body">
            <h2>Joseph Chemutt</h2>
            <p>Senior software developer building data-driven digital solutions across software engineering, remote sensing, geospatial systems, decision-support tools, and applied AI.</p>
            <div class="social-links">
              <a href="mailto:chemuttjose@gmail.com" aria-label="Email"><i class="fa-solid fa-envelope"></i></a>
              <a href="https://github.com/jchemutt" target="_blank" rel="noreferrer" aria-label="GitHub"><i class="fa-brands fa-github"></i></a>
              <a href="https://www.linkedin.com/in/joseph-chemutt-8b4051b1/" target="_blank" rel="noreferrer" aria-label="LinkedIn"><i class="fa-brands fa-linkedin-in"></i></a>
              <a href="https://twitter.com/JChemutt" target="_blank" rel="noreferrer" aria-label="Twitter"><i class="fa-brands fa-x-twitter"></i></a>
            </div>
          </div>
        </aside>
      </div>
    </section>

    <section class="section" id="about">
      <div class="container section-head">
        <div>
          <span class="section-kicker">About</span>
          <h2>A technical profile built at the intersection of software engineering, Earth observation, and digital product delivery.</h2>
        </div>
        <p>
         My work sits at the intersection of software engineering, geospatial technologies, remote sensing, and applied machine learning.
        </p>
      </div>
    <div class="container feature-grid">
      <article class="card feature-card">
        <i class="fa-solid fa-layer-group"></i>
        <h3>End-to-end digital systems</h3>
        <p>From data pipelines and APIs to interactive dashboards, web platforms, and production-ready deployments.</p>
      </article>

      <article class="card feature-card">
        <i class="fa-solid fa-earth-africa"></i>
        <h3>Geospatial and Earth observation</h3>
        <p>Experience across GIS, remote sensing, spatial databases, map services, and geospatial analysis workflows.</p>
      </article>

      <article class="card feature-card">
        <i class="fa-solid fa-brain"></i>
        <h3>Applied AI and analytics</h3>
        <p>Using machine learning and data-driven methods for prediction, classification, analysis, and practical decision support.</p>
      </article>
    </div>
    </section>


<section class="section alt-section" id="skills">
  <div class="container section-head">
    <div>
      <span class="section-kicker">Skills</span>
      <h2>Core strengths</h2>
    </div>
    <p>
      Building production-ready digital systems across software engineering, data platforms,
      geospatial technologies, remote sensing, and applied AI.
    </p>
  </div>

  <div class="container skills-grid">
    <article class="card skill-card">
      <h3>Backend engineering</h3>
      <p>
        Python, Django, REST APIs, automation workflows, system integration,
        scalable application development, and data-driven back-end services.
      </p>
    </article>

    <article class="card skill-card">
      <h3>Geospatial and remote sensing</h3>
      <p>
        PostGIS, QGIS, ArcGIS, GeoServer, OpenLayers, Leaflet, Mapbox GL,
        Google Earth Engine, GeoNode, and raster-vector processing workflows.
      </p>
    </article>

    <article class="card skill-card">
      <h3>Data platforms and analytics</h3>
      <p>
        PostgreSQL, MySQL, SQL Server, ETL pipelines, spatial database design,
        analytics workflows, and decision-support data products.
      </p>
    </article>

    <article class="card skill-card">
      <h3>Cloud, DevOps, and deployment</h3>
      <p>
        Docker, Linux, Nginx, Apache, GitHub Actions, Jenkins, AWS,
        Google Cloud, Azure, and production deployment workflows.
      </p>
    </article>

    <article class="card skill-card">
      <h3>Applied AI and machine learning</h3>
      <p>
        Machine learning workflows, predictive modeling, classification,
        model deployment, and AI-enabled tools for analysis and decision support.
      </p>
    </article>

    <article class="card skill-card">
      <h3>Frontend and digital products</h3>
      <p>
        JavaScript, React, interactive dashboards, web mapping interfaces,
        Android development, technical documentation, and user-focused product delivery.
      </p>
    </article>
  </div>


</section>


  </main>

  <footer class="site-footer">
    <div class="container footer-wrap">
      <p>© <span id="year"></span> Joseph Chemutt.</p>
      <a href="#top">Back to top</a>
    </div>
  </footer>

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