Fullstack-God · Granithashani1 · Oct 26, 2023
diff --git a/.hintrc b/.hintrc
@@ -0,0 +1,5 @@
+{
+  "extends": [
+    "development"
+  ]
+}
diff --git a/public/index.html b/public/index.html
@@ -8,11 +8,11 @@
   <meta name="theme-color" content="#000000" />
   <meta name="description" content="Web site created using create-react-app" />
   <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-  <title>John O Smith | Portfolio</title>
+  <title>Granit Hashani | Portfolio</title>
   <meta name="description" content="Self Developed personal website build with React.js">
 
   <!-- Google / Search Engine Tags -->
-  <meta itemprop="name" content="John O Smith | Portfolio">
+  <meta itemprop="name" content="Grnait Hashani | Portfolio">
   <meta itemprop="description" content="Self Developed personal website build with React.js">
 
 </head>

diff --git a/src/components/About/AboutCard.js b/src/components/About/AboutCard.js
@@ -8,9 +8,9 @@ function AboutCard() {
       <Card.Body>
         <blockquote className="blockquote mb-0">
           <p style={{ textAlign: "justify" }}>
-            Hi Everyone, I am <span className="purple">John O Simth </span>
-            from <span className="purple"> Singapore.</span>
-            <br /> I am a Senior Web developer. I have rich experience in several programming languages.
+            Hi Everyone, I am <span className="purple">Granit Hashani </span>
+            from <span className="purple"> Kosovo.</span>
+            <br /> I am a Junior Web developer. I have rich experience in several programming languages.
             <br />
             Additionally, I have enjoyed in helping the others with my great contribution.
             <br />
@@ -27,9 +27,7 @@ function AboutCard() {
             <li className="about-activity">
               <ImPointRight /> Travelling
             </li>
-            <li className="about-activity">
-              <ImPointRight />Playing the Piano
-            </li>
+
             <li className="about-activity">
               <ImPointRight /> Playing Ping-Pong
             </li>
@@ -40,7 +38,7 @@ function AboutCard() {
             If they are trying to achieve their goal, there will be no thing not to achieve.
             How beautiful the world is"{" "}
           </p>
-          <footer className="blockquote-footer">John O Smith</footer>
+          <footer className="blockquote-footer">Granit Hashani</footer>
         </blockquote>
       </Card.Body>
     </Card>

diff --git a/src/components/About/Github.js b/src/components/About/Github.js
@@ -9,7 +9,7 @@ function Github() {
         Days I <strong className="purple">Code</strong>
       </h1>
       <GitHubCalendar
-        username="soumyajit4419"
+        username="GranitHashani1"
         blockSize={15}
         blockMargin={5}
         color="#c084f5"

diff --git a/src/components/About/Techstack.js b/src/components/About/Techstack.js
@@ -17,7 +17,8 @@ import {
   SiNextdotjs,
   SiSolidity,
   SiPostgresql,
-  SiCsharp
+  SiCsharp,
+  SiMicrosoftsqlserver
 } from "react-icons/si";
 import {
   BiLogoVuejs,
@@ -30,18 +31,14 @@ import { TbBrandGolang } from "react-icons/tb";
 function Techstack() {
   return (
     <Row style={{ justifyContent: "center", paddingBottom: "50px" }}>
-      <Col xs={4} md={2} className="tech-icons">
-        <CgCPlusPlus />
-      </Col>
+
       <Col xs={4} md={2} className="tech-icons">
         <SiCsharp />
       </Col>
       <Col xs={4} md={2} className="tech-icons">
         <DiJavascript1 />
       </Col>
-      <Col xs={4} md={2} className="tech-icons">
-        <TbBrandGolang />
-      </Col>
+
       <Col xs={4} md={2} className="tech-icons">
         <DiNodejs />
       </Col>
@@ -57,39 +54,25 @@ function Techstack() {
       <Col xs={4} md={2} className="tech-icons">
         <BiLogoWordpress />
       </Col>
-      <Col xs={4} md={2} className="tech-icons">
-        <BiLogoUnity />
-      </Col>
-      <Col xs={4} md={2} className="tech-icons">
-        <SiSolidity />
-      </Col>
+
+
       <Col xs={4} md={2} className="tech-icons">
         <DiMongodb />
       </Col>
-      <Col xs={4} md={2} className="tech-icons">
-        <SiNextdotjs />
-      </Col>
+
       <Col xs={4} md={2} className="tech-icons">
         <DiGit />
       </Col>
       <Col xs={4} md={2} className="tech-icons">
-        <SiFirebase />
-      </Col>
-      <Col xs={4} md={2} className="tech-icons">
-        <SiRedis />
+        <SiMicrosoftsqlserver />
       </Col>
+
       <Col xs={4} md={2} className="tech-icons">
         <SiPostgresql />
       </Col>
-      <Col xs={4} md={2} className="tech-icons">
-        <DiPython />
-      </Col>
-      <Col xs={4} md={2} className="tech-icons">
-        <DiJava />
-      </Col>
-      <Col xs={4} md={2} className="tech-icons">
-        <DiRuby />
-      </Col>
+
+
+
     </Row>
   );
 }

diff --git a/src/components/About/Toolstack.js b/src/components/About/Toolstack.js
@@ -8,7 +8,8 @@ import {
   SiMacos,
   SiWindows,
   SiAutodesk,
-  SiArcgis
+  SiArcgis,
+  SiVisualstudio
 } from "react-icons/si";
 
 function Toolstack() {
@@ -30,14 +31,9 @@ function Toolstack() {
         <SiStackoverflow/>
       </Col>
       <Col xs={4} md={2} className="tech-icons">
-        <SiVercel />
-      </Col>
-      <Col xs={4} md={2} className="tech-icons">
-        <SiAutodesk />
-      </Col>
-      <Col xs={4} md={2} className="tech-icons">
-        <SiArcgis />
+        <SiVisualstudio />
       </Col>
+
     </Row>
   );
 }

diff --git a/src/components/Footer.js b/src/components/Footer.js
@@ -4,6 +4,7 @@ import {
   AiFillGithub,
   AiOutlineTwitter,
   AiFillInstagram,
+  AiOutlineFacebook,
 } from "react-icons/ai";
 import { FaLinkedinIn } from "react-icons/fa";
 
@@ -14,16 +15,16 @@ function Footer() {
     <Container fluid className="footer">
       <Row>
         <Col md="4" className="footer-copywright">
-          <h3>Designed and Developed by John O smith</h3>
+          <h3>Designed and Developed by Granit Hashani</h3>
         </Col>
         <Col md="4" className="footer-copywright">
-          <h3>Copyright © {year} John </h3>
+          <h3>Copyright © {year} Granit Hashani </h3>
         </Col>
         <Col md="4" className="footer-body">
           <ul className="footer-icons">
             <li className="social-icons">
               <a
-                href="https://github.com/Johnlegend"
+                href="https://github.com/Granithashani1"
                 style={{ color: "white" }}
                 target="_blank" 
                 rel="noopener noreferrer"
@@ -33,17 +34,17 @@ function Footer() {
             </li>
             <li className="social-icons">
               <a
-                href="https://github.com/Johnlegend"
+                href="https://www.facebook.com/Qathume/"
                 style={{ color: "white" }}
                 target="_blank" 
                 rel="noopener noreferrer"
               >
-                <AiOutlineTwitter />
+                <AiOutlineFacebook />
               </a>
             </li>
             <li className="social-icons">
               <a
-                href="https://github.com/Johnlegend"
+                href="https://www.linkedin.com/in/granit-hashani-1985a8268/"
                 style={{ color: "white" }}
                 target="_blank" 
                 rel="noopener noreferrer"
@@ -53,7 +54,7 @@ function Footer() {
             </li>
             <li className="social-icons">
               <a
-                href="https://github.com/Johnlegend"
+                href="https://www.linkedin.com/in/granit-hashani-1985a8268/"
                 style={{ color: "white" }}
                 target="_blank" 
                 rel="noopener noreferrer"

diff --git a/src/components/Home/Home.js b/src/components/Home/Home.js
@@ -22,7 +22,7 @@ function Home() {
 
               <h1 className="heading-name">
                 I'M
-                <strong className="main-name"> John O Smith</strong>
+                <strong className="main-name"> Granit Hashani</strong>
               </h1>
 
               <div style={{ padding: 50, textAlign: "left" }}>

diff --git a/src/components/Home/Home2.js b/src/components/Home/Home2.js
@@ -6,6 +6,7 @@ import {
   AiFillGithub,
   AiOutlineTwitter,
   AiFillInstagram,
+  AiOutlineFacebook,
 } from "react-icons/ai";
 import { FaLinkedinIn } from "react-icons/fa";
 
@@ -24,7 +25,7 @@ function Home2() {
               <br />
               <br />I am fluent in classics like
               <i>
-                <b className="purple"> C++, Javascript and Go. </b>
+                <b className="purple"> C# and Javascript  </b>
               </i>
               <br />
               <br />
@@ -39,7 +40,7 @@ function Home2() {
               <br />
               <br />
               Whenever possible, I also apply my passion for developing products
-              with <b className="purple">Node.js</b> and
+              with <b className="purple">C#</b> and
               <i>
                 <b className="purple">
                   {" "}
@@ -48,7 +49,7 @@ function Home2() {
               </i>
               &nbsp; like
               <i>
-                <b className="purple"> React.js and Next.js</b>
+                <b className="purple"> React.js and Angular</b>
               </i>
             </p>
           </Col>
@@ -67,7 +68,7 @@ function Home2() {
             <ul className="home-about-social-links">
               <li className="social-icons">
                 <a
-                  href="https://github.com/Johnlegend"
+                  href="https://github.com/Granithashani1"
                   target="_blank"
                   rel="noreferrer"
                   className="icon-colour  home-social-icons"
@@ -77,17 +78,17 @@ function Home2() {
               </li>
               <li className="social-icons">
                 <a
-                  href="https://github.com/Johnlegend"
+                  href="https://www.facebook.com/Qathume/"
                   target="_blank"
                   rel="noreferrer"
                   className="icon-colour  home-social-icons"
                 >
-                  <AiOutlineTwitter />
+                  <AiOutlineFacebook />
                 </a>
               </li>
               <li className="social-icons">
                 <a
-                  href="https://github.com/Johnlegend"
+                  href="https://www.linkedin.com/in/granit-hashani-1985a8268/"
                   target="_blank"
                   rel="noreferrer"
                   className="icon-colour  home-social-icons"
@@ -97,7 +98,7 @@ function Home2() {
               </li>
               <li className="social-icons">
                 <a
-                  href="https://github.com/Johnlegend"
+                  href="https://www.linkedin.com/in/granit-hashani-1985a8268/"
                   target="_blank"
                   rel="noreferrer"
                   className="icon-colour home-social-icons"

diff --git a/src/components/Home/Type.js b/src/components/Home/Type.js
@@ -6,11 +6,9 @@ function Type() {
     <Typewriter
       options={{
         strings: [
-          "Software Developer",
           "Freelancer",
           "Web Developer",
           "Web Application Developer",
-          "ArcGIS Expert",
         ],
         autoStart: true,
         loop: true,

diff --git a/src/components/Navbar.js b/src/components/Navbar.js
@@ -38,7 +38,7 @@ function NavBar() {
     >
       <Container>
         <Navbar.Brand href="/" className="d-flex">
-          <div style={{color:"#6f42c1",fontWeight:"bold", fontSize:"35px"}}>John.</div>
+          <div style={{color:"#6f42c1",fontWeight:"bold", fontSize:"35px"}}>Granit </div>
         </Navbar.Brand>
         <Navbar.Toggle
           aria-controls="responsive-navbar-nav"
@@ -82,13 +82,13 @@ function NavBar() {
             </Nav.Item>
 
             <Nav.Item>
-              <Nav.Link
+              {/* <Nav.Link
                 as={Link}
                 to="/resume"
                 onClick={() => updateExpanded(false)}
               >
                 <CgFileDocument style={{ marginBottom: "2px" }} /> Resume
-              </Nav.Link>
+              </Nav.Link> */}
             </Nav.Item>
 
             <Nav.Item>
@@ -101,26 +101,26 @@ function NavBar() {
               </Nav.Link>
             </Nav.Item>
             <Nav.Item>
-              <Nav.Link
+              {/* <Nav.Link
                 as={Link}
                 to="/AIchatroom"
                 onClick={() => updateExpanded(false)}
               >
                 <CgDollar style={{ marginBottom: "2px" }} /> ChatGPT
-              </Nav.Link>
+              </Nav.Link> */}
             </Nav.Item>
 
             <Nav.Item>
-              <Nav.Link
+              {/* <Nav.Link
                 href="https://soumyajitblogs.vercel.app/"
                 target="_blank"
                 rel="noreferrer"
               >
                 <ImBlog style={{ marginBottom: "2px" }} /> Blogs
-              </Nav.Link>
+              </Nav.Link> */}
             </Nav.Item>
 
-            <Nav.Item className="fork-btn">
+            {/* <Nav.Item className="fork-btn">
               <Button
                 href="https://github.com/Johnlegend/Portfolio"
                 target="_blank"
@@ -129,7 +129,7 @@ function NavBar() {
                 <CgGitFork style={{ fontSize: "1.2em" }} />{" "}
                 <AiFillStar style={{ fontSize: "1.1em" }} />
               </Button>
-            </Nav.Item>
+            </Nav.Item> */}
           </Nav>
         </Navbar.Collapse>
       </Container>