Merge pull request #58 from rubanzasilva/development

adding project
rubanzasilva · Jul 2, 2024 · 0fd4fa4 · 0fd4fa4
2 parents 2b41508 + 5f3b50e
commit 0fd4fa4
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 8 deletions.
diff --git 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
@@ -17,24 +17,46 @@ 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>
 
       <Typography variant='h4' gutterBottom textAlign='center' marginTop='7%' marginBottom='4%' >  {title}</Typography>
 
       <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 }}>
 
       <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>