adding new projects

rubanzasilva · Sep 19, 2024 · ce146fa · ce146fa
1 parent 892ca14
commit ce146fa
Show file tree

Hide file tree

Showing 4 changed files with 71 additions and 5 deletions.
diff --git a/src/components/heroSection/data.js b/src/components/heroSection/data.js
@@ -2,9 +2,10 @@
 export const SectionAinfo = {
     id:'SelfIntro',
     TitleText:'Hi, I am Rubanza Silver',
-    headline:'A coder with a background in Software Enginnering',
-    text:'My work and interest lies in working on various steps of the machine learning lifecycle from Exploratory Data Analysis, Data wrangling, Feature Engineering to Model building , deployment , testing, monitoring etc',
-    text1:'I also have over 6 years of experience developing software applications with javascript, reactjs etc.',
+    headline:'A coder with a background in Software Engineering',
+    text:'My work and interest lie in working on various steps of the machine learning lifecycle from Exploratory Data Analysis, Data wrangling, Feature Engineering to Model building, deployment, testing, monitoring, etc.',
+    text3:'I integrate machine learning models into general software solutions, all in the context of solving a given problem. Likewise, I am proficient with Python, PyTorch, and many other libraries such as fastai, sklearn, etc.',
+    text1:'I also have over 6 years of experience developing software applications using HTML, CSS, Javascript, React JS, etc.',
     text2:'Below are examples of my work',
     imgStart:false,
     // img:'https://d322abd807wvow.cloudfront.net/suwik-photos/eatGreen.jpeg',

diff --git a/src/components/heroSection/index.js b/src/components/heroSection/index.js
@@ -5,7 +5,7 @@ import {Typography } from "antd";
 
 const { Title , Text } = Typography;
 
-const HeroSection = ({headline,text,text1,text2,img,alt,TitleText}) => {
+const HeroSection = ({headline,text,text1,text2,text3,img,alt,TitleText}) => {
 
     // import useState from react to use hover
     // const [hover,setHover] = useState(false);
@@ -28,6 +28,7 @@ const HeroSection = ({headline,text,text1,text2,img,alt,TitleText}) => {
 
                      <Text  style={{color:"#35241A", fontSize:"16px",lineHeight:"1.381",fontWeight:"200",letterSpacing:".016em",marginTop:"6px",marginBottom:"15px",fontFamily:"Roboto"}}>{headline}</Text>
                      <Text  style={{color:"#35241A", fontSize:"16px",lineHeight:"1.381",fontWeight:"200",letterSpacing:".016em",marginBottom:"15px",fontFamily:"Roboto"}}>{text}</Text>
+                     <Text  style={{color:"#35241A", fontSize:"16px",lineHeight:"1.381",fontWeight:"200",letterSpacing:".016em",marginBottom:"15px",fontFamily:"Roboto"}}>{text3}</Text>
                      <Text  style={{color:"#35241A", fontSize:"16px",lineHeight:"1.381",fontWeight:"200",letterSpacing:".016em",marginBottom:"15px",fontFamily:"Roboto"}}>{text1}</Text>
                      <Text  style={{color:"#35241A", fontSize:"16px",lineHeight:"1.381",fontWeight:"200",letterSpacing:".016em",marginBottom:"15px",fontFamily:"Roboto"}}>{text2}</Text>
 

diff --git a/src/components/projects/data.js b/src/components/projects/data.js
@@ -29,6 +29,20 @@ export const projectsObjA = {
     cardActionsTextD:'See Code',
     imgC:'https://d322abd807wvow.cloudfront.net/suwik-photos/suwikLogo.jpeg',
     altC:'Antelope Classfier Project',
+
+    cardContentTitleY:'Binary Prediction of Poisonous Mushrooms',
+    cardContentBodyY:'A classification model to predict whether a mushroom is edible or poisonous based on its physical characteristics.',
+    cardActionsTextY:'Read notebook solution',
+    imgY:'https://d3q0oijmiduzg2.cloudfront.net/rubanzasilver/mushroomAnatomy.jpg',
+    altY:'Binary Prediction of Poisonous Mushrooms',
+
+    cardContentTitleZ:'Binary Classification of Insurance Cross Selling',
+    cardContentBodyZ:'A classification model to predict which customers respond positively to an automobile insurance offer.',
+    cardActionsTextZ:'Read notebook solution',
+    imgZ:'https://d3q0oijmiduzg2.cloudfront.net/rubanzasilver/insuarance_pexels.jpg',
+    altZ:'Binary Classification of Insurance Cross Selling',
+
+
 };
 
 

diff --git 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({altE,imgE,cardContentTitleE,cardContentBodyE,cardActionsTextE,cardActionsTextEA,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,cardActionsTextEA,title,cardContentTitle,cardContentTitleA, cardContentTitleB , cardContentTitleC, cardContentBody,cardContentBodyA,cardContentBodyB,cardContentBodyC, cardActionsText, cardActionsTextA, cardActionsTextB,cardActionsTextC,cardActionsTextD, cardActionsTextX, alt, img, imgA, imgB,imgC, altA, altB,altC,cardContentTitleY,cardContentBodyY,cardActionsTextY,imgY,altY,cardContentTitleZ,cardContentBodyZ,cardActionsTextZ,imgZ,altZ}) {
   return (
     <GridContainer>
 
@@ -49,6 +49,56 @@ export default function Projects({altE,imgE,cardContentTitleE,cardContentBodyE,c
       </GridItem>
 
 
+      {/* Poisonous mushroom classification */}
+      <GridItem id='gridItemSeven'>
+      <Card sx={{ maxWidth: 345 }}>
+      <CardMedia
+        component="img"
+        alt={altY}
+        height="200"
+        image={imgY}
+      />
+      <CardContent>
+        <Typography gutterBottom variant="h5" component="div">
+          {cardContentTitleY}
+        </Typography>
+        <Typography variant="body2" color="text.secondary">
+          {cardContentBodyY}
+        </Typography>
+      </CardContent>
+      <CardActions>
+        <Button href='https://www.kaggle.com/code/rubanzasilva/fast-ai-gradient-boosting' size="small">{cardActionsTextY}</Button>
+      </CardActions>
+    </Card>
+      </GridItem>
+
+
+
+      {/* Insurance cross selling project */}
+      <GridItem id='gridItemSix'>
+      <Card sx={{ maxWidth: 345 }}>
+      <CardMedia
+        component="img"
+        alt={altZ}
+        height="200"
+        image={imgZ}
+      />
+      <CardContent>
+        <Typography gutterBottom variant="h5" component="div">
+          {cardContentTitleZ}
+        </Typography>
+        <Typography variant="body2" color="text.secondary">
+          {cardContentBodyZ}
+        </Typography>
+      </CardContent>
+      <CardActions>
+        <Button href='https://www.kaggle.com/code/rubanzasilva/fastai-neural-network-gradient-boosting' size="small">{cardActionsTextZ}</Button>
+      </CardActions>
+    </Card>
+      </GridItem>
+
+
+
       <GridItem id='gridItemTwo'>
 
       {/* individual card component */}