From 5f3b50ef051294633888d246aa375bee570cc518 Mon Sep 17 00:00:00 2001
From: rubanzasilva <rubanza@rubanzasilver.xyz>
Date: Tue, 2 Jul 2024 11:18:22 +0300
Subject: [PATCH] adding project

---
 src/components/projects/data.js  |  6 +++++
 src/components/projects/index.js | 41 +++++++++++++++++++++++++-------
 2 files changed, 39 insertions(+), 8 deletions(-)

diff --git a/src/components/projects/data.js b/src/components/projects/data.js
index 854a71b..1f1058d 100644
--- a/src/components/projects/data.js
+++ b/src/components/projects/data.js
@@ -7,6 +7,12 @@ export const projectsObjA = {
     cardActionsTextX:'Try Out the App',
     img:'https://d3q0oijmiduzg2.cloudfront.net/rubanzasilver/antelopes.jpeg',
     alt:'Antelope Classfier Project',
+    cardContentTitleE:'Classification with the Academic Success dataset',
+    cardContentBodyE:'A classification model to predict students dropout and academic success rate.  ',
+    cardActionsTextE:'Read Notebook solution',
+    cardActionsTextEA:'Read solution write up',
+    imgE:'https://d3q0oijmiduzg2.cloudfront.net/rubanzasilver/academic_success.jpg',
+    altE:'Machine learning model to predict the academic success rate of students',
     cardContentTitleA:'Personal Website',
     cardContentBodyA:'This website is built with reactjs.Follow the link below to check out the documentation.  ',
     cardActionsTextA:'See Code',
diff --git a/src/components/projects/index.js b/src/components/projects/index.js
index 4055517..bce3ef1 100644
--- a/src/components/projects/index.js
+++ b/src/components/projects/index.js
@@ -17,7 +17,7 @@ import Typography from '@mui/material/Typography';
 
 // });
 
-export default function Projects({title,cardContentTitle,cardContentTitleA, cardContentTitleB , cardContentTitleC, cardContentBody,cardContentBodyA,cardContentBodyB,cardContentBodyC, cardActionsText, cardActionsTextA, cardActionsTextB,cardActionsTextC,cardActionsTextD, cardActionsTextX, alt, img, imgA, imgB,imgC, altA, altB,altC}) {
+export default function Projects({altE,imgE,cardContentTitleE,cardContentBodyE,cardActionsTextE,title,cardContentTitle,cardContentTitleA, cardContentTitleB , cardContentTitleC, cardContentBody,cardContentBodyA,cardContentBodyB,cardContentBodyC, cardActionsText, cardActionsTextA, cardActionsTextB,cardActionsTextC,cardActionsTextD, cardActionsTextX, alt, img, imgA, imgB,imgC, altA, altB,altC}) {
   return (
     <GridContainer>
 
@@ -25,8 +25,30 @@ export default function Projects({title,cardContentTitle,cardContentTitleA, card
 
       <GridWrapper>
 
-
       <GridItem id='gridItemOne'>
+      <Card sx={{ maxWidth: 345 }}>
+      <CardMedia
+        component="img"
+        alt={altE}
+        height="200"
+        image={imgE}
+      />
+      <CardContent>
+        <Typography gutterBottom variant="h5" component="div">
+          {cardContentTitleE}
+        </Typography>
+        <Typography variant="body2" color="text.secondary">
+          {cardContentBodyE}
+        </Typography>
+      </CardContent>
+      <CardActions>
+        <Button href='https://www.kaggle.com/code/rubanzasilva/fastai-gradient-boosting' size="small">{cardActionsTextE}</Button>
+      </CardActions>
+    </Card>
+      </GridItem>
+
+
+      <GridItem id='gridItemTwo'>
 
       {/* individual card component */}
       <Card sx={{ maxWidth: 345 }}>
@@ -34,7 +56,7 @@ export default function Projects({title,cardContentTitle,cardContentTitleA, card
       <CardMedia
         component="img"
         alt={alt}
-        height="140"
+        height="200"
         image={img}
       />
 
@@ -56,12 +78,12 @@ export default function Projects({title,cardContentTitle,cardContentTitleA, card
       </GridItem>
 
 
-      <GridItem id='gridItemTwo'>
+      <GridItem id='gridItemThree'>
       <Card sx={{ maxWidth: 345 }}>
       <CardMedia
         component="img"
         alt={altB}
-        height="140"
+        height="200"
         image={imgB}
       />
       <CardContent>
@@ -82,14 +104,14 @@ export default function Projects({title,cardContentTitle,cardContentTitleA, card
       </GridItem>
 
 
-      <GridItem id='gridItemThree'>
+<GridItem id='gridItemFour'>
 
 <Card sx={{ maxWidth: 345 }}>
 
 <CardMedia
   component="img"
   alt={altC}
-  height="140"
+  height="200"
   image={imgC}
 />
 
@@ -111,7 +133,9 @@ export default function Projects({title,cardContentTitle,cardContentTitleA, card
 </GridItem>
 
 
-<GridItem id='gridItemFour'>
+
+
+      <GridItem id='gridItemFive'>
       <Card sx={{ maxWidth: 345 }}>
       <CardMedia
         component="img"
@@ -134,6 +158,7 @@ export default function Projects({title,cardContentTitle,cardContentTitleA, card
       </GridItem>
 
 
+
     </GridWrapper>
     
     </GridContainer>