Skip to content

Commit b543c20

Browse files
committed
update picture positions on project cards
1 parent e0fc51b commit b543c20

8 files changed

Lines changed: 47 additions & 43 deletions

src/pages/narrative/projects.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,7 @@ <h2>What I built</h2>
4343
<ul>
4444
<li><strong>Data &amp; Machine Learning</strong><br>House-Price-ML (v1 baseline and v2 feature engineering) — full ML pipelines from EDA to scikit-learn models. Pendulum Data-Driven Control — reinforcement learning for control theory. ML Hackathon project (CatBoost for overqualification prediction).</li>
4545
<li><strong>Full-stack / Software</strong><br>GymWhisper — voice-powered workout tracking (React, Gemini API, speech recognition). TelusGuardAI / Network Impact Analyzer — multi-agent AI for geospatial network outage analysis (React, Flask, Leaflet).</li>
46-
<li><strong>Systems &amp; Coursework</strong><br>Personal website, portfolio projects, and research on AI in autonomous vehicles. Smaller experiments in C, Linux, and CLI tooling.</li>
46+
<li><strong>Systems &amp; Coursework</strong><br>Personal website, portfolio projects, and research on AI in Autonomous Vehicles. Smaller experiments in C, Linux, and CLI tooling.</li>
4747
</ul>
4848
</section>
4949
<section class="narrative-section">

src/pages/projects.html

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -162,12 +162,12 @@ <h3>Public Transit Delay — EDA</h3>
162162
</div>
163163
</a>
164164
<a class="project-card" href="./projects/house-price-ml-v1-baseline.html">
165-
<h3>house-price-ml (v1 baseline)</h3>
166-
<p>Placeholder: Machine learning project description.</p>
165+
<h3>House-Price-ML (v1 Baseline)</h3>
166+
<p>Baseline ML pipeline for California house price prediction with Linear Regression and EDA.</p>
167167
<div class="tech-tags">
168168
<span>Python</span>
169-
<span>PyTorch</span>
170-
<span>NumPy</span>
169+
<span>scikit-learn</span>
170+
<span>Pandas</span>
171171
</div>
172172
</a>
173173
<a class="project-card" href="./projects/pendulum-data-driven-control.html">
@@ -219,6 +219,7 @@ <h3>Personal Website</h3>
219219
<span>HTML</span>
220220
<span>CSS</span>
221221
<span>JavaScript</span>
222+
<span>GitHub Actions</span>
222223
<span>GitHub Pages</span>
223224
</div>
224225
</a>
@@ -245,7 +246,7 @@ <h3>Portfolio Course Project</h3>
245246
</div>
246247
<img src="../assets/icons/companies/sfu-square.png" alt="SFU" class="project-card-logo project-card-logo-sfu" width="24" height="24" title="SFU Coursework">
247248
</div>
248-
<h3>AI in autonomous vehicles</h3>
249+
<h3>AI in Autonomous Vehicles</h3>
249250
<p>Research project exploring the role of artificial intelligence in self-driving systems: perception, decision-making, and safety considerations in autonomous vehicle technology.</p>
250251
<div class="tech-tags">
251252
<span>AI</span>

src/pages/projects/ai-autonomous-vehicles.html

Lines changed: 11 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>AI in autonomous vehicles | Ilian Khankhalaev</title>
6+
<title>AI in Autonomous Vehicles | Ilian Khankhalaev</title>
77
<link rel="icon" href="../../assets/icons/favicon.png" type="image/png">
88
<link rel="stylesheet" href="../../styles/main.css">
99
</head>
@@ -24,7 +24,7 @@
2424
<main class="container project-detail">
2525
<p><a href="../projects.html" class="project-back">← Back to Projects</a></p>
2626
<header class="project-header">
27-
<h1 class="project-title">AI in autonomous vehicles</h1>
27+
<h1 class="project-title">AI in Autonomous Vehicles</h1>
2828
<p class="project-summary">A technical overview of AI systems in autonomous vehicles, covering perception, decision-making, and real-world deployment challenges.</p>
2929
<div class="project-meta-row">
3030
<div class="project-meta-links">
@@ -71,6 +71,15 @@ <h2>✍️ Persuasive Paper: AI / Technology &amp; Society</h2>
7171
</div>
7272
</section>
7373

74+
<section class="project-detail-section">
75+
<h2>Tech Stack</h2>
76+
<div class="tech-tags">
77+
<span>Research</span>
78+
<span>Academic Writing</span>
79+
<span>PDF</span>
80+
</div>
81+
</section>
82+
7483
<section class="project-detail-section">
7584
<h2>Paper Summaries</h2>
7685
<p><em>Informative:</em> A technical overview of AI systems in autonomous vehicles, covering perception, decision-making, and real-world deployment challenges.</p>

src/pages/projects/airbnb-market-analysis.html

Lines changed: 5 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -38,17 +38,11 @@ <h1 class="project-title">Vancouver Airbnb Market Analysis — SQL + Tableau</h1
3838
</header>
3939

4040
<section class="project-detail-section">
41-
<h2>Screenshots</h2>
42-
<div class="project-screenshots-grid project-screenshots-grid--2">
43-
<figure class="project-screenshot">
44-
<img src="../../assets/projects/airbnb-market-analysis/jupyter.png" alt="Jupyter notebook ETL and exploration for Vancouver Airbnb data">
45-
<figcaption>Python ETL and exploratory analysis in Jupyter: loading raw CSVs, cleaning prices and dates, and building SQL-backed views before exporting to Tableau.</figcaption>
46-
</figure>
47-
<figure class="project-screenshot">
48-
<img src="../../assets/projects/airbnb-market-analysis/tableau.png" alt="Vancouver Airbnb Tableau dashboard">
49-
<figcaption>Interactive Tableau dashboard: neighbourhood-level pricing, room-type breakdowns, and filters so stakeholders can explore Vancouver Airbnb market at a glance.</figcaption>
50-
</figure>
51-
</div>
41+
<h2>Preview</h2>
42+
<figure class="project-screenshot">
43+
<img src="../../assets/projects/airbnb-market-analysis/tableau.png" alt="Vancouver Airbnb Tableau dashboard">
44+
<figcaption>Interactive Tableau dashboard: neighbourhood-level pricing, room-type breakdowns, and filters so stakeholders can explore Vancouver Airbnb market at a glance.</figcaption>
45+
</figure>
5246
</section>
5347

5448
<section class="project-detail-section">

src/pages/projects/customer-churn-dashboard.html

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -66,8 +66,11 @@ <h2>Tech Stack</h2>
6666
<span>SQL</span>
6767
<span>SQLite</span>
6868
<span>R</span>
69+
<span>RSQLite</span>
70+
<span>DBI</span>
6971
<span>dplyr</span>
7072
<span>tidyr</span>
73+
<span>readr</span>
7174
<span>Tableau</span>
7275
</div>
7376
</section>

src/pages/projects/graduate-underemployment-prediction.html

Lines changed: 10 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -37,22 +37,20 @@ <h1 class="project-title">Graduate Underemployment / Overqualification Predictio
3737
</header>
3838

3939
<section class="project-detail-section">
40-
<h2>Screenshots</h2>
41-
<div class="project-screenshots-grid project-screenshots-grid--2">
42-
<figure class="project-screenshot">
43-
<img src="../../assets/projects/undereployment-prediction/exploration%20heatmap.png" alt="Exploration heatmap from underemployment prediction EDA">
44-
<figcaption>Exploratory analysis: correlation and feature relationships in the NGS hiring dataset, used to inform preprocessing and feature selection for the CatBoost pipeline.</figcaption>
45-
</figure>
46-
<figure class="project-screenshot">
47-
<img src="../../assets/projects/undereployment-prediction/results.png" alt="Model results and evaluation metrics">
48-
<figcaption>Model evaluation and interpretability — feature importance and validation metrics from the CatBoost classifier (0.75 public / 0.71 private leaderboard accuracy at the SFU ML Hackathon).</figcaption>
49-
</figure>
50-
</div>
40+
<h2>Preview</h2>
41+
<figure class="project-screenshot">
42+
<img src="../../assets/projects/undereployment-prediction/exploration%20heatmap.png" alt="Exploration heatmap from underemployment prediction EDA">
43+
<figcaption>Exploratory analysis: correlation and feature relationships in the NGS hiring dataset, used to inform preprocessing and feature selection for the CatBoost pipeline.</figcaption>
44+
</figure>
5145
</section>
5246

5347
<section class="project-detail-section">
5448
<h2>Problem &amp; Context</h2>
5549
<p>The goal was to build a robust model that accurately estimates overqualification probability from candidate attributes (education, experience, skills, demographics), work with the NGS dataset and its feature structure (survey codes, missing conventions), and train a CatBoost-based model with validation and leaderboard-oriented iteration. The solution achieved <strong>0.75174</strong> accuracy on the Public leaderboard and <strong>0.70511</strong> on the Private leaderboard, placing close to the top-performing teams.</p>
50+
<figure class="project-screenshot">
51+
<img src="../../assets/projects/undereployment-prediction/results.png" alt="Model results and evaluation metrics">
52+
<figcaption>Model evaluation and interpretability — feature importance and validation metrics from the CatBoost classifier (0.75 public / 0.71 private leaderboard accuracy at the SFU ML Hackathon).</figcaption>
53+
</figure>
5654
</section>
5755

5856
<section class="project-detail-section">
@@ -76,6 +74,7 @@ <h2>Tech Stack</h2>
7674
<span>pandas</span>
7775
<span>NumPy</span>
7876
<span>scikit-learn</span>
77+
<span>SHAP</span>
7978
<span>Matplotlib</span>
8079
<span>Seaborn</span>
8180
<span>Jupyter</span>

src/pages/projects/house-price-ml-v1-baseline.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ <h1 class="project-title">House Price Prediction — v1 Baseline Linear Model</h
2929
<div class="project-meta-row">
3030
<div class="project-meta-links">
3131
<a href="https://github.com/florykhan/house-price-ml-v1-baseline-linear" target="_blank" rel="noopener noreferrer">GitHub Repo</a>
32-
<a href="./house-price-ml.html">View v2 (Feature Engineering)</a>
32+
<a href="./house-price-ml.html">View v2 (Feature Engineering)</a>
3333
</div>
3434
</div>
3535
</header>

src/pages/projects/house-price-ml.html

Lines changed: 10 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -29,28 +29,26 @@ <h1 class="project-title">House Price Prediction — v2 Enhanced ML Pipeline</h1
2929
<div class="project-meta-row">
3030
<div class="project-meta-links">
3131
<a href="https://github.com/florykhan/house-price-ml-v2" target="_blank" rel="noopener noreferrer">GitHub Repo</a>
32-
<a href="./house-price-ml-v1-baseline.html">View v1 (Baseline)</a>
32+
<a href="./house-price-ml-v1-baseline.html">View v1 (Baseline)</a>
3333
</div>
3434
</div>
3535
</header>
3636

3737
<section class="project-detail-section">
38-
<h2>Screenshots</h2>
39-
<div class="project-screenshots-grid project-screenshots-grid--2">
40-
<figure class="project-screenshot">
41-
<img src="../../assets/projects/house-price-v2/01_geographical_housing_prices.png" alt="Geographical distribution of California housing prices">
42-
<figcaption>EDA: geographic distribution of median house values across California. Location (latitude/longitude) and ocean proximity drive much of the variation captured later by the model.</figcaption>
43-
</figure>
44-
<figure class="project-screenshot">
45-
<img src="../../assets/projects/house-price-v2/01_feature_distributions.png" alt="Feature distributions for California housing dataset">
46-
<figcaption>Feature distributions and relationships used to guide feature engineering in v2 — log transforms, derived ratios, and standardization for Ridge, Lasso, and custom Gradient Descent.</figcaption>
47-
</figure>
48-
</div>
38+
<h2>Preview</h2>
39+
<figure class="project-screenshot">
40+
<img src="../../assets/projects/house-price-v2/01_feature_distributions.png" alt="Feature distributions for California housing dataset">
41+
<figcaption>Feature distributions and relationships used to guide feature engineering in v2 — log transforms, derived ratios, and standardization for Ridge, Lasso, and custom Gradient Descent.</figcaption>
42+
</figure>
4943
</section>
5044

5145
<section class="project-detail-section">
5246
<h2>Problem &amp; Context</h2>
5347
<p>The goal of v2 is to build a fully modular, extensible ML pipeline for structured tabular data; introduce feature engineering and standardization to improve stability and performance; implement and compare multiple linear models (OLS, Ridge, Lasso, custom Gradient Descent); evaluate robustness through 5-fold cross-validation and hyperparameter tuning; and establish a reproducible training workflow that cleanly separates preprocessing, training, evaluation, and inference.</p>
48+
<figure class="project-screenshot">
49+
<img src="../../assets/projects/house-price-v2/01_geographical_housing_prices.png" alt="Geographical distribution of California housing prices">
50+
<figcaption>EDA: geographic distribution of median house values across California. Location (latitude/longitude) and ocean proximity drive much of the variation captured later by the model.</figcaption>
51+
</figure>
5452
</section>
5553

5654
<section class="project-detail-section">

0 commit comments

Comments
 (0)