k

src/components/Acomplishments/Acomplishments.js

@@ -4,10 +4,10 @@ import { Section, SectionDivider, SectionTitle } from '../../styles/GlobalCompon
 import { Box, Boxes, BoxNum, BoxText } from './AcomplishmentsStyles';
 
 const data = [
-  { number: 20, text: 'Open Source Projects'},
-  { number: 1000, text: 'Students', },
-  { number: 1900, text: 'Github Followers', },
-  { number: 5000, text: 'Github Stars', }
+  { number: 2, text: 'Open Source Projects'},
+  { number: 1, text: ' 1st Rank : Vercera Css Competition', },
+  { number: 2, text: '2nd Rank : Maze Web Dev Competition', },
+
 ];
 
 const Acomplishments = () => (

src/components/Footer/Footer.js

@@ -10,12 +10,12 @@ const Footer = () => {
       <LinkList>
         <LinkColumn>
           <LinkTitle>Call</LinkTitle>
-          <LinkItem href="tel:314-343-3432">314-343-3432</LinkItem>
+          <LinkItem href="tel:7303817212">7303817212</LinkItem>
         </LinkColumn>
         <LinkColumn>
           <LinkTitle>Email</LinkTitle>
-          <LinkItem href="mailto:contact@jsmastery.com">
-            contact@jsmastery.com
+          <LinkItem href="mailto:khurshidhaisam@gmail.com">
+            khurshidhaisam@gmail.com
           </LinkItem>
         </LinkColumn>
       </LinkList>
@@ -24,14 +24,14 @@ const Footer = () => {
           <Slogan>Innovating one project at a time</Slogan>
         </CompanyContainer>
         <SocialContainer>
-          <SocialIcons href="https://google.com">
-            <AiFillGithub size="3rem" />
+          <SocialIcons href="https://github.com/haisamk18">
+            <AiFillGithub size="2.5rem" />
           </SocialIcons>
-          <SocialIcons href="https://google.com">
-            <AiFillLinkedin size="3rem" />
+          <SocialIcons href="https://www.linkedin.com/in/haisam-khurshid/">
+            <AiFillLinkedin size="2.5rem" />
           </SocialIcons>
-          <SocialIcons href="https://google.com">
-            <AiFillInstagram size="3rem" />
+          <SocialIcons href="https://www.instagram.com/haixsam/">
+            <AiFillInstagram size="2.5rem" />
           </SocialIcons>
         </SocialContainer>
       </SocialIconsContainer>

src/components/Header/Header.js

@@ -32,14 +32,14 @@ const Header = () =>  (
       </li>        
     </Div2>
       <Div3>
-        <SocialIcons href="https://google.com">
-          <AiFillGithub size="3rem" />
+        <SocialIcons href="https://github.com/haisamk18">
+          <AiFillGithub size="2.5rem" />
         </SocialIcons>
-        <SocialIcons href="https://google.com">
-          <AiFillLinkedin size="3rem" />
+        <SocialIcons href="https://www.linkedin.com/in/haisam-khurshid/">
+          <AiFillLinkedin size="2.5rem" />
         </SocialIcons>
-        <SocialIcons href="https://google.com">
-          <AiFillInstagram size="3rem"/>
+        <SocialIcons href="https://www.instagram.com/haixsam/">
+          <AiFillInstagram size="2.5rem"/>
         </SocialIcons>
       </Div3>
     </Container>

src/components/Hero/Hero.js

@@ -9,11 +9,11 @@ const Hero = (props) => (
     <Section row nopadding>
       <LeftSection>
         <SectionTitle main center>
-          Welcome To <br />
-          My Personal Portfolio
+          Hi I'm <br />
+          Haisam Khurshid
         </SectionTitle>
         <SectionText>
-        The purpose of JavaScript Mastery is to help aspiring and established developers to take their development skills to the next level and build awesome apps.
+        Experienced MERN Full Stack Developer with a passion for building dynamic and responsive web applications. Proficient in MongoDB, Express.js, React.js, and Node.js.
         </SectionText>
         <Button onClick={props.handleClick}>Learn More</Button>
       </LeftSection>

src/components/NavDropDown/index.js

@@ -30,7 +30,7 @@ const NavDropDown = (props) => (
       </DropDownIcon>
       <DropDownTextContainer>
         <DropDownItemTitle>Address</DropDownItemTitle>
-        <DropDownItemDesc>1405, Angelus Dr, Florissant. Mo</DropDownItemDesc>
+        <DropDownItemDesc>202002, Aligarh,Uttar Pradesh</DropDownItemDesc>
       </DropDownTextContainer>
     </DropDownItem>
   </DropDownContainer>

src/components/TimeLine/TimeLine.js

@@ -46,7 +46,7 @@ const Timeline = () => {
     <Section id="about">
       <SectionTitle>About Me</SectionTitle>
       <SectionText>
-      The purpose of JavaScript Mastery is to help aspiring and established developers to take their development skills to the next level and build awesome apps.
+      Experienced MERN Full Stack Developer with a passion for building dynamic and responsive web applications. Proficient in MongoDB, Express.js, React.js, and Node.js, I have successfully delivered robust and scalable solutions across various industries. With a strong foundation in front-end and back-end development, I excel in creating seamless user experiences and implementing efficient server-side functionality. My expertise includes RESTful API integration, database management, and deployment using modern development tools and frameworks. I thrive in agile environments, collaborating with cross-functional teams to deliver high-quality products on time. Committed to continuous learning, I stay updated with the latest industry trends and best practices to deliver cutting-edge solutions. A results-driven problem solver, I am dedicated to delivering scalable and optimized code while maintaining a strong focus on user-centric design. Let's work together to bring your ideas to life.
       </SectionText>
       <CarouselContainer ref={carouselRef} onScroll={handleScroll}>
         <>

src/constants/constants.js

@@ -1,46 +1,38 @@
 export const projects = [
   {
-    title: 'MERN Memories',
-    description: "Using React, Node.js, Express & MongoDB you'll learn how to build a Full Stack MERN Application - from start to finish. The App is called Memories and it is a simple social media app that allows users to post interesting events that happened in their lives.",
+    title: 'SAE ZHCET website',
+    description: "Using React, Node.js, Express & MongoDB  build a Full Stack MERN Application - from start to finish. The App is for SAE club of our college and it is a simple connecting and informative app that allows students to learn about Society of Automotive Engineering Club ZHCET.",
       image: '/images/1.png',
       tags: ['Mongo', 'Express', 'React', 'Node'],
     source: 'https://google.com',
-    visit: 'https://google.com',
+    visit: 'https://www.saezhcet.org/',
     id: 0,
   },
   {
-    title: 'E-Commerce',
-    description:"While building it you're going to learn many advanced React & JavaScript topics, as well as how to use Stripe for card transactions. On top of that, at the end of the video, you will have this unique and complex webshop app that you will be able to add to your portfolio. And trust me, e-commerce applications are impressive.",
-    image: '/images/2.png',
+    title: 'WEATHAPHORIA',
+    description:"A weather Forecasting App Using React, Node.js, Express & MongoDB with Current ,Hourly and Weekly data by just inputing name of the Location",
+    image: '/images/2...png',
     tags: ['React', 'JavaScript'],
     source: 'https://google.com',
     visit: 'https://google.com',
     id: 1,
   },
   {
-    title: 'WebRTC App',
-    description: "This is a code repository for the corresponding YouTube video. In this tutorial, we're going to build and deploy a React Video Chat Application using WebRTC.",
+    title: 'BABBLECHAT',
+    description: "Working on it",
       image: '/images/3.jpg',
       tags: ['React', 'WebRTC'],
     source: 'https://google.com',
     visit: 'https://google.com',
     id: 2,
-  },
-  {
-    title: 'Unichat',
-    description: "This is a code repository for the corresponding video tutorial. In this video, we will create a full Realtime Chat Application",
-    image: '/images/4.jpg',
-    tags: ['React', 'ChatEngine', 'Firebase'],
-    source: 'https://google.com',
-    visit: 'https://google.com',
-    id: 3,
-  },
+  }
+
 ];
 
 export const TimeLineData = [
-  { year: 2017, text: 'Started my journey', },
-  { year: 2018, text: 'Worked as a freelance developer', },
-  { year: 2019, text: 'Founded JavaScript Mastery', },
-  { year: 2020, text: 'Shared my projects with the world', },
-  { year: 2021, text: 'Started my own platform', },
+  { year: 2021, text: 'Started my journey', },
+  { year: 2022, text: 'Worked as a Web developer for SAEZHCET club', },
+  { year: 2022, text: 'Became Web Tech Lead at GDSC ZHCET', },
+  { year: 2023, text: 'Worked as an Frontend Developer Intern for Service based Company', },
+
 ];