basillatif.github.io/index.html at master · basillatif/basillatif.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
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
<!DOCTYPE html>
<html lang="en">
<head>
  <!-- Global site tag (gtag.js) - Google Analytics -->
  <title>Basil Latif | Data Science Portfolio</title>
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-162050765-1"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'UA-162050765-1');
  </script>
  <!-- END OF GOOGLE ANALYTICS TAG -->

  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Portfolio of Basil Latif, Data Scientist, AI Builder, Educator, and Analytics Consultant.">
  <meta name="author" content="Basil Latif">

  <!-- External CSS -->
  <link rel="stylesheet" href="styles.css">

  <script data-goatcounter="https://basillatif.goatcounter.com/count"
        async src="//gc.zgo.at/count.js"></script>
</head>
<body>

  <!-- Header Section -->
  <header>
    <h1>Basil Latif's Data Science Portfolio</h1>
    <p>Data Science, AI, Analytics, and Technical Leadership</p>
  </header>

  <!-- Navigation Bar -->
 <nav class="topnav">
  <a href="index.html">Home</a>
  <a href="projects.html">Data Science Projects</a>
  <a href="ai_portfolio.html">AI Portfolio</a>
  <a href="teaching.html">Teaching Portfolio</a>
  <a href="consulting.html">Consulting Portfolio</a>
  <a href="books.html">Top 20 Books</a>
  <a href="contact.html">Contact</a>
</nav>

  <!-- Main Container -->
  <div class="container">

    <!-- Introduction -->
    <section class="intro">
      <p>I am a data scientist, analytics leader, and educator focused on turning complex data into practical business value. My work spans machine learning, analytics engineering, experimentation, reporting, and AI-powered applications across clean transportation, real estate, e-commerce, and education.</p>
    </section>

    <!-- Career Highlights -->
    <section class="career">
      <h2>Career Highlights</h2>
      <ul>
        <li>Started my professional journey in technology as a Software Engineer at Ranker.com in 2019</li>
        <li>Earned a scholarship in 2020 to pursue the MS in Business Analytics program at UC Irvine</li>
        <li>Recognized by Upwork in 2021 as a Top Rated Plus freelancer for high-quality client delivery</li>
        <li>Promoted to Lead Data Scientist at CALSTART in 2022, where I supported high-impact analytics initiatives</li>
        <li>Began teaching graduate-level database systems at Loyola Marymount University in 2023</li>
      </ul>
    </section>

    <!-- Other Career Activities -->
    <section class="activities">
      <h2>Other Career Activities</h2>
      <ul>
        <li>Since 2021, I have helped lead business development for Iconycs, a housing analytics startup focused on reducing bias and improving decision-making in real estate</li>
        <li>In 2024, I led a capstone collaboration with George Washington University's MSBA program using real-world Iconycs data</li>
        <li>I have built specialized expertise working with Keepa API data, including large-scale e-commerce pricing and marketplace analytics</li>
      </ul>
    </section>

    <!-- Core Data Science Competencies -->
    <section class="competencies">
      <h2>Core Data Science Competencies</h2>
      <ul>
        <li>Data Cleaning, Transformation, and Wrangling</li>
        <li>Machine Learning and Predictive Modeling</li>
        <li>SQL and Relational Database Design</li>
        <li>Statistical Analysis and Experimental Thinking</li>
        <li>Business Intelligence and Analytics Strategy</li>
        <li>Data Engineering and Pipeline Development</li>
      </ul>
    </section>

    <!-- Additional Sections -->
    <section class="additional-sections">
      <h2>Explore More</h2>
      <div class="content">
        <div class="box">
          <h3>Data Science</h3>
          <p>Areas I regularly work in include:</p>
          <ul class="explore-list">
            <li>Predictive Modeling</li>
            <li>Natural Language Processing</li>
            <li>Time Series Forecasting</li>
            <li>Deep Learning and Applied AI</li>
          </ul>
        </div>
        <div class="box">
          <h3>Tools & Technologies</h3>
          <p>My technical stack includes:</p>
          <ul class="explore-list">
            <li>Python, Pandas, Scikit-learn, and related ML tooling</li>
            <li>SQL, database development, and data modeling</li>
            <li>JavaScript and Java for software and application work</li>
            <li>AWS and GCP for cloud-based analytics and deployment</li>
          </ul>
        </div>
        <div class="box">
          <h3>Industries</h3>
          <p>I have applied analytics across:</p>
          <ul class="explore-list">
            <li>Clean Transportation</li>
            <li>Real Estate and Housing Analytics</li>
            <li>E-commerce and Marketplace Data</li>
            <li>Higher Education and EdTech</li>
          </ul>
        </div>
      </div>
    </section>

    <!-- Image Section -->
    <section class="image-section">
      <img src="/images/headshot3.jpeg" alt="Headshot of Basil Latif" width="511" height="767">
    </section>

    <!-- Call to Action -->
    <section class="call-to-action">
      <p>Explore my projects, teaching, consulting, and AI work to see how I approach technical problems and deliver measurable results.</p>
    </section>

  </div>

  <div class="visitor-counter premium-counter">
  <div class="premium-stat">
    <div class="premium-number" id="visits-today">--</div>
    <div class="premium-label">Today</div>
  </div>

  <div class="premium-divider"></div>

  <div class="premium-stat">
    <div class="premium-number" id="visits-week">--</div>
    <div class="premium-label">This Week</div>
  </div>

  <div class="premium-divider"></div>

  <div class="premium-stat">
    <div class="premium-number" id="visits-total">--</div>
    <div class="premium-label">Total Visits</div>
  </div>
</div>
  <!-- Footer -->
  <footer>
    <p>&copy; 2026 Basil Latif. All rights reserved.</p>
  </footer>

  <script>
  async function loadCounter(id, url) {
    const el = document.getElementById(id);
    if (!el) return;

    try {
      const res = await fetch(url);
      if (!res.ok) throw new Error(`HTTP ${res.status}`);
      const data = await res.json();

      if (typeof data.count !== "undefined") {
        el.textContent = Number(data.count).toLocaleString();
      } else {
        el.textContent = "--";
      }
    } catch (err) {
      console.error(`Failed loading ${id}:`, err);
      el.textContent = "--";
    }
  }

  document.addEventListener("DOMContentLoaded", () => {
    const base = "https://basillatif.goatcounter.com/counter/TOTAL.json";

    const now = new Date();

    // Local date formatted as YYYY-MM-DD
    const y = now.getFullYear();
    const m = String(now.getMonth() + 1).padStart(2, "0");
    const d = String(now.getDate()).padStart(2, "0");
    const todayStr = `${y}-${m}-${d}`;

    // Total site visits
    loadCounter("visits-total", base);

    // Visits today
    loadCounter("visits-today", `${base}?start=${todayStr}`);

    // Visits this week
    loadCounter("visits-week", `${base}?start=week`);
  });
</script>
</body>
</html>