devmahmud · Raza-Hussain-Kandhro · Sep 10, 2024 · Sep 10, 2024 · Sep 10, 2024 · Sep 10, 2024
diff --git a/LICENSE b/LICENSE
diff --git a/README.md b/README.md
@@ -1,8 +1,8 @@
-## Material UI Portfolio
+## Raza Hussain Portfolio
 
 A portfolio single page application using React and Material UI
 
-### Demo of this site available here [Material-UI-Portfolio Demo](https://materialui-portfolio.netlify.app/)
+
 
 #### Installing
 

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -19,7 +19,7 @@
     "react-typed": "^1.2.0"
   },
   "scripts": {
-    "start": "react-scripts --openssl-legacy-provider start"
+    "start": "react-scripts --openssl-legacy-provider start",
     "build": "react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject"

diff --git a/public/index.html b/public/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="description" content="Portfolio application" />
-    <title>Portfolio</title>
+    <title>RazaPortfolio</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/src/components/Header.js b/src/components/Header.js
@@ -37,18 +37,18 @@ const Header = () => {
   return (
     <Box className={classes.typedContainer}>
       <Grid container justify="center">
-        <Avatar className={classes.avatar} src={avatar} alt="Mahmudul Alam" />
+        <Avatar className={classes.avatar} src={avatar} alt="Raza Hussain" />
       </Grid>
       <Typography className={classes.title} variant="h4">
-        <Typed strings={["Mahmudul Alam"]} typeSpeed={40} />
+        <Typed strings={["Raza Hussain"]} typeSpeed={40} />
       </Typography>
 
       <Typography className={classes.subtitle} variant="h5">
         <Typed
           strings={[
             "Frontend Developer",
-            "Backend Developer",
-            "Native App Developer",
+            "Web Designer",
+            "Four Years Working Experience",
           ]}
           typeSpeed={40}
           backSpeed={50}

diff --git a/src/components/Navbar.js b/src/components/Navbar.js
@@ -21,6 +21,7 @@ import { makeStyles } from "@material-ui/core/styles";
 import avatar from "../avatar.png";
 
 import Footer from "../components/Footer";
+import { ArrowDownward } from "@material-ui/icons";
 
 const useStyles = makeStyles((theme) => ({
   appbar: {
@@ -63,7 +64,7 @@ const Navbar = () => {
 
   const sideList = () => (
     <Box className={classes.menuSliderContainer} component="div">
-      <Avatar className={classes.avatar} src={avatar} alt="Mahmudul Alam" />
+      <Avatar className={classes.avatar} src={avatar} alt="raza hussain" />
       <Divider />
       <List>
         {menuItems.map((item, i) => (
@@ -91,10 +92,10 @@ const Navbar = () => {
         <AppBar position="static" className={classes.appbar}>
           <Toolbar>
             <IconButton onClick={() => setOpen(true)}>
-              <ArrowBack className={classes.arrow} />
+              <ArrowDownward className={classes.arrow} />
             </IconButton>
             <Typography variant="h5" className={classes.title}>
-              Portfolio
+              Raza's Portfolio
             </Typography>
           </Toolbar>
         </AppBar>

diff --git a/src/components/Resume.js b/src/components/Resume.js
@@ -121,7 +121,7 @@ const Resume = () => {
           variant="h2"
           className={`${classes.timeLineYear} ${classes.timeLineItem}`}
         >
-          2013
+          2020
         </Typography>
         <Box component="div" className={classes.timeLineItem}>
           <Typography
@@ -132,24 +132,24 @@ const Resume = () => {
             web design
           </Typography>
           <Typography variant="body1" align="center" className={classes.body1}>
-            company name where worked
+            Online Worked (Fiverr, UpWork) 
           </Typography>
           <Typography
             variant="subtitle1"
             align="center"
             className={classes.subtitle1}
           >
-            Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero quas
-            ipsa, laudantium totam perferendis possimus voluptatibus tenetur.
-            Quasi voluptatibus, nam vitae eaque ad, officia laboriosam
-            repudiandae, rerum necessitatibus nisi mollitia.
+           As a web designer, I specialize in creating responsive, user-friendly websites with clean,
+            modern designs. I focus on enhancing user experience through intuitive layouts and effective 
+            design principles. Skilled in tools like Adobe XD, Figma, and front-end technologies, 
+            I bring client visions to life. My goal is to deliver visually appealing, functional, and engaging web designs.
           </Typography>
         </Box>
         <Typography
           variant="h2"
           className={`${classes.timeLineYear} ${classes.timeLineItem}`}
         >
-          2014
+          2022
         </Typography>
         <Box component="div" className={classes.timeLineItem}>
           <Typography
@@ -160,24 +160,21 @@ const Resume = () => {
             html & css
           </Typography>
           <Typography variant="body1" align="center" className={classes.body1}>
-            company name where worked
+          Online Worked (Fiverr, UpWork) 
           </Typography>
           <Typography
             variant="subtitle1"
             align="center"
             className={classes.subtitle1}
           >
-            Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero quas
-            ipsa, laudantium totam perferendis possimus voluptatibus tenetur.
-            Quasi voluptatibus, nam vitae eaque ad, officia laboriosam
-            repudiandae, rerum necessitatibus nisi mollitia.
+           I have extensive experience in building responsive and visually appealing websites using HTML and CSS. From structuring clean, semantic HTML to styling with CSS, I ensure cross-browser compatibility and adherence to modern web standards. My work focuses on creating layouts that are both functional and aesthetically pleasing, using advanced CSS techniques like Flexbox, Grid, and media queries to ensure optimal performance across all devices.
           </Typography>
         </Box>
         <Typography
           variant="h2"
           className={`${classes.timeLineYear} ${classes.timeLineItem}`}
         >
-          2015
+          2023
         </Typography>
         <Box component="div" className={classes.timeLineItem}>
           <Typography
@@ -188,24 +185,21 @@ const Resume = () => {
             Fullstack Javascript
           </Typography>
           <Typography variant="body1" align="center" className={classes.body1}>
-            company name where worked
+          Online Worked (Fiverr, UpWork)
           </Typography>
           <Typography
             variant="subtitle1"
             align="center"
             className={classes.subtitle1}
           >
-            Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero quas
-            ipsa, laudantium totam perferendis possimus voluptatibus tenetur.
-            Quasi voluptatibus, nam vitae eaque ad, officia laboriosam
-            repudiandae, rerum necessitatibus nisi mollitia.
+            I have experience in fullstack JavaScript development, building responsive front-end interfaces with React.js and handling back-end logic with Node.js and Express. I work with databases like MongoDB and SQL to create scalable web applications. My focus is on delivering efficient, end-to-end solutions that integrate both client and server-side functionality.
           </Typography>
         </Box>
         <Typography
           variant="h2"
           className={`${classes.timeLineYear} ${classes.timeLineItem}`}
         >
-          2017
+          2024
         </Typography>
         <Box component="div" className={classes.timeLineItem}>
           <Typography
@@ -216,17 +210,14 @@ const Resume = () => {
             Django & React
           </Typography>
           <Typography variant="body1" align="center" className={classes.body1}>
-            company name where worked
+          Online Worked (Fiverr, UpWork)
           </Typography>
           <Typography
             variant="subtitle1"
             align="center"
             className={classes.subtitle1}
           >
-            Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero quas
-            ipsa, laudantium totam perferendis possimus voluptatibus tenetur.
-            Quasi voluptatibus, nam vitae eaque ad, officia laboriosam
-            repudiandae, rerum necessitatibus nisi mollitia.
+            I specialize in building fullstack web applications using Django for back-end development and React for front-end interfaces. With Django, I create robust APIs and handle server-side logic, while React enables me to build responsive, dynamic user interfaces. My focus is on seamless integration, ensuring efficient communication between the front-end and back-end for smooth, scalable applications.
           </Typography>
         </Box>
       </Box>