Skip to content

Commit 6d78f51

Browse files
CSFelixCSFelix
authored
Merge pull request #177 from CSFelix/CSFelix-patch-1
📦 Updated
2 parents 03bd213 + 1f42ff4 commit 6d78f51

File tree

1 file changed

+123
-37
lines changed

1 file changed

+123
-37
lines changed

‎index.html‎

Lines changed: 123 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -423,6 +423,21 @@ <h2 class="skillsTitle">Live Projects</h2>
423423

424424

425425
<div class="projectsSubContainer">
426+
<!--
427+
***************************
428+
** Recommendation System **
429+
***************************
430+
-->
431+
<div id="recommendationSystemBtn" class="skillsCard">
432+
<div class="wrapper">
433+
<img src="./assets/icons/projects/cards/rating.avif" class="cover-image" alt="Recommendation System 1" width="200px" height="200px" />
434+
</div>
435+
<h2 class="skillsTitle">Recommendation System</h2>
436+
<img src="./assets/icons/recommendation-system.avif" class="character" alt="Recommendation System 2" width="200px" height="200px" />
437+
</div>
438+
439+
<br /><br />
440+
426441
<!--
427442
****************
428443
** Algorithms **
@@ -455,19 +470,6 @@ <h2 class="skillsTitle">DS Studies</h2>
455470

456471
<br /><br/>
457472

458-
<!--
459-
***************************
460-
** Recommendation System **
461-
***************************
462-
-->
463-
<div id="recommendationSystemBtn" class="skillsCard">
464-
<div class="wrapper">
465-
<img src="./assets/icons/projects/cards/rating.avif" class="cover-image" alt="Recommendation System 1" width="200px" height="200px" />
466-
</div>
467-
<h2 class="skillsTitle">Recommendation System</h2>
468-
<img src="./assets/icons/recommendation-system.avif" class="character" alt="Recommendation System 2" width="200px" height="200px" />
469-
</div>
470-
471473
<!--
472474
*******************************
473475
** Statistic and Probability **
@@ -818,6 +820,15 @@ <h2 class="containerTitle">
818820
<div class="cardsGroup">
819821

820822
<!-- First Dataset -->
823+
<a href="https://www.kaggle.com/datasets/dsfelix/animes-dataset-2023" target="_blank">
824+
<div class="card" data-tilt>
825+
<img src="./assets/icons/projects/chihiro.avif" alt="MyAnimeList 2023" width="200px" height="200px">
826+
827+
<span>MyAnimeList 2023</span>
828+
</div>
829+
</a>
830+
831+
<!-- Second Dataset -->
821832
<a href="https://www.kaggle.com/datasets/dsfelix/employees-annual-salary-in-chicago" target="_blank">
822833
<div class="card" data-tilt>
823834
<img src="./assets/icons/projects/salary.avif" alt="Employees Annual Salary in Chicago" width="200px" height="200px">
@@ -826,7 +837,7 @@ <h2 class="containerTitle">
826837
</div>
827838
</a>
828839

829-
<!-- Second Dataset -->
840+
<!-- Third Dataset -->
830841
<a href="https://www.kaggle.com/datasets/dsfelix/employees-payroll-in-los-angeles" target="_blank">
831842
<div class="card" data-tilt>
832843
<img src="./assets/icons/projects/acquisition.avif" alt="Employees Payroll in Los Angeles" width="200px" height="200px">
@@ -835,7 +846,7 @@ <h2 class="containerTitle">
835846
</div>
836847
</a>
837848

838-
<!-- Third Dataset -->
849+
<!-- Fourth Dataset -->
839850
<a href="https://github.com/CSFelix/faker-dataset" target="_blank">
840851
<div class="card" data-tilt>
841852
<img src="./assets/icons/projects/fake.avif" alt="Faker Dataset" width="200px" height="200px">
@@ -844,23 +855,14 @@ <h2 class="containerTitle">
844855
</div>
845856
</a>
846857

847-
<!-- Fourth Dataset -->
858+
<!-- Fifth Dataset -->
848859
<a href="https://www.kaggle.com/datasets/dsfelix/jojo-stands-stats" target="_blank">
849860
<div class="card" data-tilt>
850861
<img src="./assets/icons/projects/jojo.avif" alt="JoJo Stands Stats" width="200px" height="200px">
851862

852863
<span>JoJo Stands Stats</span>
853864
</div>
854-
</a>
855-
856-
<!-- Fifth Dataset -->
857-
<a href="https://www.kaggle.com/datasets/dsfelix/animes-dataset-2023" target="_blank">
858-
<div class="card" data-tilt>
859-
<img src="./assets/icons/projects/chihiro.avif" alt="MyAnimeList 2023" width="200px" height="200px">
860-
861-
<span>MyAnimeList 2023</span>
862-
</div>
863-
</a>
865+
</a>
864866

865867
<!-- Sixth Dataset -->
866868
<a href="https://www.kaggle.com/datasets/dsfelix/first-million-prime-numbers" target="_blank">
@@ -1064,19 +1066,19 @@ <h2 class="containerTitle">
10641066
** Modals - Projects Part II **
10651067
*******************************
10661068
-->
1067-
<!-- Algorithms -->
1068-
<div id="mlAlgorithmsModal" class="modal">
1069+
<!-- Recommendation System -->
1070+
<div id="recommendationSystemModal" class="modal">
10691071

10701072
<div class="modalContent">
10711073

10721074
<!-- close button -->
1073-
<span id="mlAlgorithmsClose" class="close">&times;</span>
1075+
<span id="recommendationSystemClose" class="close">&times;</span>
10741076

10751077
<!-- title -->
10761078
<div class="modalTitle">
1077-
<img src="./assets/icons/tensorflow.svg" alt="Tensor Flow Logo" width="200px" height="200px" />
1079+
<img src="./assets/icons/recommendation-system.avif" alt="Recommendation System Logo" width="200px" height="200px" />
10781080
&nbsp
1079-
<span>ML Algorithms</span>
1081+
<span>Recommendation System</span>
10801082
</div>
10811083

10821084
<br />
@@ -1087,24 +1089,108 @@ <h2 class="containerTitle">
10871089
<source src="./assets/stickers/robot/projects.mp4" type="video/mp4" />
10881090
</video>
10891091
&nbsp
1090-
<span>Coming soon...</span>
1092+
1093+
<!-- cards -->
1094+
<div class="cardsGroup">
1095+
1096+
<!-- Part 0 -->
1097+
<a href="https://www.kaggle.com/code/dsfelix/0-general-documentation" target="_blank">
1098+
<div class="card" data-tilt>
1099+
<img src="./assets/icons/projects/recommendation-system/data-processing.avif" alt="General Documentation" width="200px" height="200px">
1100+
1101+
<span>General Documentation</span>
1102+
</div>
1103+
</a>
1104+
1105+
<!-- Part 1 -->
1106+
<a href="https://www.kaggle.com/code/dsfelix/1-data-wrangling-and-feature-engineering" target="_blank">
1107+
<div class="card" data-tilt>
1108+
<img src="./assets/icons/projects/recommendation-system/data-processing.avif" alt="Data Wrangling and Feature Engineering" width="200px" height="200px">
1109+
1110+
<span>Data Wrangling and Feature Engineering</span>
1111+
</div>
1112+
</a>
1113+
1114+
<!-- Part 2 -->
1115+
<a href="https://www.kaggle.com/code/dsfelix/2-demographic-filtering" target="_blank">
1116+
<div class="card" data-tilt>
1117+
<img src="./assets/icons/projects/recommendation-system/demographic-filtering.avif" alt="Demographic Filtering" width="200px" height="200px">
1118+
1119+
<span>Demographic Filtering</span>
1120+
</div>
1121+
</a>
1122+
1123+
<!-- Part 3 -->
1124+
<a href="https://www.kaggle.com/code/dsfelix/3-content-based-filtering-plot-description" target="_blank">
1125+
<div class="card" data-tilt>
1126+
<img src="./assets/icons/projects/recommendation-system/content-based-filtering.avif" alt="Content-Based Filtering via Plot Description" width="200px" height="200px">
1127+
1128+
<span>Content-Based Filtering via Plot Description</span>
1129+
</div>
1130+
</a>
1131+
1132+
<!-- Part 4 -->
1133+
<a href="https://www.kaggle.com/code/dsfelix/4-content-based-filtering-metadatas" target="_blank">
1134+
<div class="card" data-tilt>
1135+
<img src="./assets/icons/projects/recommendation-system/content-based-filtering.avif" alt="Content-Based Filtering via Metadata" width="200px" height="200px">
1136+
1137+
<span>Content-Based Filtering via Metadata</span>
1138+
</div>
1139+
</a>
1140+
1141+
<!-- Part 5 -->
1142+
<a href="https://www.kaggle.com/code/dsfelix/5-collaborative-filtering-user-based" target="_blank">
1143+
<div class="card" data-tilt>
1144+
<img src="./assets/icons/projects/recommendation-system/collaborative-filtering.avif" alt="Collaborative Filtering via User-Based" width="200px" height="200px">
1145+
1146+
<span>Collaborative Filtering via User-Based</span>
1147+
</div>
1148+
</a>
1149+
1150+
<!-- Part 6 -->
1151+
<a href="https://www.kaggle.com/code/dsfelix/6-collaborative-filtering-item-based" target="_blank">
1152+
<div class="card" data-tilt>
1153+
<img src="./assets/icons/projects/recommendation-system/collaborative-filtering.avif" alt="Collaborative Filtering via Item-Based" width="200px" height="200px">
1154+
1155+
<span>Collaborative Filtering via Item-Based</span>
1156+
</div>
1157+
</a>
1158+
1159+
<!-- Part 7 -->
1160+
<a href="https://www.kaggle.com/code/dsfelix/7-hybrid-filtering" target="_blank">
1161+
<div class="card" data-tilt>
1162+
<img src="./assets/icons/projects/recommendation-system/hybrid-filtering.avif" alt="Hybrid Filtering" width="200px" height="200px">
1163+
1164+
<span>Hybrid Filtering</span>
1165+
</div>
1166+
</a>
1167+
1168+
<!-- Part 8 -->
1169+
<a href="https://www.kaggle.com/code/dsfelix/8-benchmark-analysis" target="_blank">
1170+
<div class="card" data-tilt>
1171+
<img src="./assets/icons/projects/recommendation-system/benchmark.avif" alt="Benchmark Analysis" width="200px" height="200px">
1172+
1173+
<span>Benchmark Analysis</span>
1174+
</div>
1175+
</a>
1176+
</div>
10911177
</div>
10921178
</div>
10931179
</div>
10941180

1095-
<!-- Recommendation System -->
1096-
<div id="recommendationSystemModal" class="modal">
1181+
<!-- Algorithms -->
1182+
<div id="mlAlgorithmsModal" class="modal">
10971183

10981184
<div class="modalContent">
10991185

11001186
<!-- close button -->
1101-
<span id="recommendationSystemClose" class="close">&times;</span>
1187+
<span id="mlAlgorithmsClose" class="close">&times;</span>
11021188

11031189
<!-- title -->
11041190
<div class="modalTitle">
1105-
<img src="./assets/icons/recommendation-system.avif" alt="Recommendation System Logo" width="200px" height="200px" />
1191+
<img src="./assets/icons/tensorflow.svg" alt="Tensor Flow Logo" width="200px" height="200px" />
11061192
&nbsp
1107-
<span>Recommendation System</span>
1193+
<span>ML Algorithms</span>
11081194
</div>
11091195

11101196
<br />

0 commit comments

Comments
 (0)