Merge branch 'master' of https://github.com/fakhar-iqbal/fakhar-iqbal…

….github.io
fakhar-iqbal · Aug 16, 2023 · f62d253 · f62d253
2 parents 2fcc91b + d52243c
commit f62d253
Show file tree

Hide file tree

Showing 2 changed files with 238 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -0,0 +1,163 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <title>Fakhar Iqbal</title>
+
+  <link rel="stylesheet" href="styles.css">
+
+</head>
+
+<body>
+
+  <main>
+
+    <div class="intro container">
+
+      <h1>Hi, I'm Muhammad Fakhar</h1>
+
+      <p>As a Machine Learning practitioner, I have been writing posts and blogs on Data science and ML, here too. Thank you for visiting my blog page. I hope you enjoy my articles!</p>
+
+    </div>
+
+    <div class="projects container">
+
+      <h2>End-to-End Projects</h2>
+
+      <div class="project">
+
+        <h3><a href="https://github.com/fakhar-iqbal/MachineryPriceEstimator_End_to_End_Project">Machine Price Prediction</a></h3>
+
+        <p>In this app, I implemented Random Forest model to generate the price of Machinery based on previous auction data.</p>
+
+        <img class="image-small" src="/images/first.png">
+        <img class="image-small" src="/images/second.png">
+        <img class="image-small" src="/images/third.png">
+
+      </div>
+
+
+      <div class="project">
+
+        <h3><a href="https://github.com/fakhar-iqbal/Student_Performance_Predictor_End_to_End_Project">Students Performance Predictor</a></h3>
+
+        <p>In this app, I implemented the model to predict the maths score for students based on their profiles.</p>
+
+        <img class="image-small" src="/images/student.png">
+
+      </div>
+
+    </div>
+
+
+    <div class="journey container">
+
+      <h2>Journey with fastai Library</h2>
+
+      <h3>Computer Vision</h3>
+
+      <div class="project">
+
+        <h4>Images Regression</h4>
+
+        <p><a href="https://github.com/fakhar-iqbal/FastaiImplementations/blob/main/ComputerVision/ImagesRegression.ipynb">Practice 1: Centre of Head</a></p>
+
+        <p>In this model, I implemented images regression, to find the coordinates of the centre of the head. It uses MSELoss.</p>
+
+        <img class="image-small" src="/images/regression.png">
+
+      </div>
+
+
+      <div class="project">
+
+        <h4>Sinlge Label Classification</h4>
+
+        <p><a href="https://github.com/fakhar-iqbal/FastaiImplementations/tree/main/ComputerVision/Dog_vs_CatApp.ipynb">Practice 1: Dog vs Cat Classifier</a></p>
+
+        <p>I made a computer vision model hosted in gradio, on huggingfaces, in Fastai, which classifies between dogs and cats. Have a look in my repo! Click the title!</p>
+
+
+        <p><a href="https://github.com/fakhar-iqbal/FastaiImplementations/tree/main/ComputerVision/PlayerClassifier.ipynb">Practice 2: Player Classifier</a></p>
+
+        <p>I made a computer vision model, hosted in gradio on huggingfaces, which differs between two categories of people. Ronaldo and Messi. Funny!</p>
+
+        <img class="image-small" src="/images/messi.png">
+
+
+        <p><a href="https://github.com/fakhar-iqbal/FastaiImplementations/tree/main/ComputerVision/BearClassifierPrototype .ipynb">Practice 3: Bear Detector</a></p>
+
+        <p>In this model, I classified between 3 types of bears, black, teddy and grizzly. With 100% accuracy. This app prototype is also hosted on huggingfaces spaces.</p>
+
+
+
+        <p><a href="https://github.com/fakhar-iqbal/FastaiImplementations/blob/main/ComputerVision/DigitClassifierNNfromScratch.ipynb">Practice 4: MNIST Digits Classification</a></p>
+
+        <p>In this model, I just took2 digits, as provided as Samples in the dataset. I implemented the Neural Network from scratch to classify the single label. This uses softmax activation function and CrossEntropyLoss.</p>
+
+
+        <p><a href="https://github.com/fakhar-iqbal/FastaiImplementations/blob/main/ComputerVision/PetBreedsNN.ipynb">Practice 5: Pet Breed Classification</a></p>
+
+        <p>In this model, I implemented classifying between 37 different cats and dog breeds. This uses softmax activation function, and CrossEntropyLoss.</p>
+
+      </div>
+
+
+      <div class="project">
+
+        <h4>Multi-Label Classification</h4>
+
+        <p><a href="https://github.com/fakhar-iqbal/FastaiImplementations/blob/main/ComputerVision/MultiLabelClassification.ipynb">Practice 1: Predicting Multipple classes</a></p>
+
+        <p>In this model, I predicted multiple classes present in the picture. This uses sigmoid activation function and BCELossWithLogits loss.</p>
+
+        <img class="image-small" src="/images/multilabel.png">
+
+      </div>
+
+    </div>
+
+
+    <div class="tabular container">
+
+      <h3>Tabular Data</h3>
+
+      <div class="project">
+
+        <p><a href="https://github.com/fakhar-iqbal/FastaiImplementations/blob/main/Collab_filtering_TabularData/CollaborativeFiltering(onMovies).ipynb">Practice 1: Movies Prediction/Collaborative Filtering</a></p>
+
+        <p>In this collaborative friltering, I worked on movies dataset, to predict the movie for a user based on his reviews.</p>
+
+      </div>
+
+
+      <div class="project">
+
+        <p><a href="https://github.com/fakhar-iqbal/FastaiImplementations/blob/main/Collab_filtering_TabularData/TabularDataModel.ipynb">Practice 2: Price Prediction from previous auctions</a></p>
+
+        <p>In this model. based on previous prices of machines on auctions, I predicted the price for new machinery. I used the data from kaggle.(bluebook for bulldozers)</p>
+
+      </div>
+
+    </div>
+
+
+    <div class="nlp container">
+
+      <h3>Natural Language Processing</h3>
+
+      <div class="project">
+
+        <p><a href="https://github.com/fakhar-iqbal/FastaiImplementations/blob/main/NLP/LanguageModel_NLP_final.ipynb">Practice 1: Generating text for movie reviews/ Classifying the reviews</a></p>
+
+        <p>In this Language Model, I predicted the text to write the reviews for movies. Also, I classified them as positive review or negative review.</p>
+
+      </div>
+
+    </div>
+
+  </main>
+
+</body>
+
+</html>
diff --git a/styles.css b/styles.css
@@ -0,0 +1,75 @@
+body {
+  background-color: #f9f9f9;
+}
+
+main {
+  max-width: 800px;
+  margin: 0 auto;
+  padding: 20px;
+}
+
+.container {
+  max-width: 600px;
+  margin: 0 auto;  
+}
+
+.image-small {
+  width: 300px;
+}
+
+@media (max-width: 600px) {
+  .image-small {
+    width: 100%;
+  }
+}
+
+a {
+  color: #3f51b5;
+}
+
+/* Typography */
+
+body {
+  font-family: 'Open Sans', sans-serif;
+}
+
+h1, h2, h3, h4 {
+  font-family: 'Montserrat', sans-serif;
+}
+
+/* Header */
+
+.intro {
+  background-image: linear-gradient(#fff, #f9f9f9);
+}
+
+/* Projects */
+
+.projects {
+  background-color: #fff;
+  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
+}
+
+.project {
+  background-color: #fdfdfd;
+}
+
+/* Smooth scroll */
+
+html {
+  scroll-behavior: smooth;
+}
+
+/* Transitions */
+
+a {
+  transition: color 0.3s;
+}
+
+.project {
+  transition: transform 0.2s;
+}
+
+.project:hover {
+  transform: scale(1.01); 
+}