Merge pull request #14 from sudipstha08/update-social-links

Update social links
sudipstha08 · Apr 1, 2024 · 0b9cae7 · 0b9cae7
2 parents 7e44448 + a898ba7
commit 0b9cae7
Show file tree

Hide file tree

Showing 9 changed files with 22,735 additions and 18,078 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -13,7 +13,7 @@
   "scripts": {
     "predeploy": "npm run build",
     "deploy": "gh-pages -d build",
-    "start": "react-scripts start",
+    "start": "react-scripts --openssl-legacy-provider start",
     "build": "react-scripts build && gulp licenses",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
@@ -43,14 +43,14 @@
     "graphql": "^15.4.0",
     "headroom.js": "0.11.0",
     "moment": "2.24.0",
-    "node-sass": "^4.14.1",
+    "node-sass": "^8.0.0",
     "nouislider": "14.1.1",
     "react": "16.12.0",
     "react-datetime": "2.16.3",
     "react-dom": "16.12.0",
     "react-easy-emoji": "^1.3.0",
     "react-headroom": "^3.0.0",
-    "react-lottie": "^1.2.3",
+    "react-lottie": "^1.2.4",
     "react-reveal": "^1.2.2",
     "react-router": "5.1.2",
     "react-router-dom": "5.1.2",
@@ -62,7 +62,6 @@
     "@types/markerclustererplus": "2.1.33",
     "@types/react": "^16.9.19",
     "@types/react-router-dom": "^5.1.7",
-    "@types/reactstrap": "^8.7.2",
     "eslint-config-prettier": "^8.1.0",
     "eslint-loader": "^4.0.2",
     "eslint-plugin-flowtype": "^3.13.0",

diff --git a/src/assets/scss/argon-design-system/nav.scss b/src/assets/scss/argon-design-system/nav.scss
@@ -67,6 +67,7 @@
     }
 
     .nav-link-icon {
+        cursor: pointer;
         i, svg {
             font-size: 1rem;
         }

diff --git a/src/assets/scss/argon-design-system/navbar.scss b/src/assets/scss/argon-design-system/navbar.scss
@@ -83,6 +83,7 @@
         }
 
         .nav-link-icon {
+                cursor: pointer;
             padding-left: .5rem !important;
             padding-right: .5rem !important;
             font-size: 1rem;

diff --git a/src/components/ExperienceCard/index.tsx b/src/components/ExperienceCard/index.tsx
@@ -51,7 +51,7 @@ const ExperienceCard: React.FC<IProps> = ({ data }) => {
             <CardTitle tag="h5">{data.role}</CardTitle>
             <CardSubtitle>{data.date}</CardSubtitle>
             <CardText className="description my-3 text-left">
-              {data?.desc}
+              {/* {data?.desc} */}
               <ul>
                 {data?.descBullets?.map((desc) => (
                   <li key={desc}>{desc}</li>

diff --git a/src/components/Navigation/index.tsx b/src/components/Navigation/index.tsx
@@ -71,60 +71,72 @@ const Navigation = () => {
                 <NavItem>
                   <NavLink
                     className="nav-link-icon"
-                    href={socialLinks.facebook}
+                    href={socialLinks.twitter}
                     target="_blank"
                   >
-                    <i className="fa fa-facebook-square" />
+                    <i className="fa fa-twitter-square" />
                     <span className="nav-link-inner--text d-lg-none ml-2">
-                      Facebook
+                      Twitter
                     </span>
                   </NavLink>
                 </NavItem>
                 <NavItem>
                   <NavLink
                     className="nav-link-icon"
-                    href={socialLinks.instagram}
+                    href={socialLinks.github}
                     target="_blank"
                   >
-                    <i className="fa fa-instagram" />
+                    <i className="fa fa-github" />
                     <span className="nav-link-inner--text d-lg-none ml-2">
-                      Instagram
+                      Github
                     </span>
                   </NavLink>
                 </NavItem>
                 <NavItem>
                   <NavLink
                     className="nav-link-icon"
-                    href={socialLinks.twitter}
+                    href={socialLinks.medium}
                     target="_blank"
                   >
-                    <i className="fa fa-twitter-square" />
+                    <i className="fa fa-medium" />
                     <span className="nav-link-inner--text d-lg-none ml-2">
-                      Twitter
+                      Medium
                     </span>
                   </NavLink>
                 </NavItem>
                 <NavItem>
                   <NavLink
                     className="nav-link-icon"
-                    href={socialLinks.github}
+                    href={socialLinks.linkedin}
                     target="_blank"
                   >
-                    <i className="fa fa-github" />
+                    <i className="fa fa-linkedin" />
                     <span className="nav-link-inner--text d-lg-none ml-2">
-                      Github
+                      Linkedin
                     </span>
                   </NavLink>
                 </NavItem>
                 <NavItem>
                   <NavLink
                     className="nav-link-icon"
-                    href={socialLinks.linkedin}
+                    href={socialLinks.facebook}
                     target="_blank"
                   >
-                    <i className="fa fa-linkedin" />
+                    <i className="fa fa-facebook-square" />
                     <span className="nav-link-inner--text d-lg-none ml-2">
-                      Linkedin
+                      Facebook
+                    </span>
+                  </NavLink>
+                </NavItem>
+                <NavItem>
+                  <NavLink
+                    className="nav-link-icon"
+                    href={socialLinks.instagram}
+                    target="_blank"
+                  >
+                    <i className="fa fa-instagram" />
+                    <span className="nav-link-inner--text d-lg-none ml-2">
+                      Instagram
                     </span>
                   </NavLink>
                 </NavItem>

diff --git a/src/components/SocialLinks/SocialLinks.tsx b/src/components/SocialLinks/SocialLinks.tsx
@@ -16,42 +16,52 @@ const SocialLinks = () => (
     </Button>
     <Button
       className="btn-icon-only rounded-circle ml-1"
-      color="facebook"
-      href={socialLinks.facebook}
+      color="dark"
+      href={socialLinks.medium}
       target="_blank"
     >
       <span className="btn-inner--icon">
-        <i className="fa fa-facebook-square" />
+        <i className="fa fa-medium" />
       </span>
     </Button>
     <Button
       className="btn-icon-only rounded-circle ml-1"
-      color="instagram"
-      href={socialLinks.instagram}
+      color="github"
+      href={socialLinks.github}
       target="_blank"
     >
       <span className="btn-inner--icon">
-        <i className="fa fa-instagram" />
+        <i className="fa fa-github" />
       </span>
     </Button>
     <Button
       className="btn-icon-only rounded-circle ml-1"
-      color="github"
-      href={socialLinks.github}
+      color="twitter"
+      href={socialLinks.linkedin}
       target="_blank"
     >
       <span className="btn-inner--icon">
-        <i className="fa fa-github" />
+        <i className="fa fa-linkedin" />
       </span>
     </Button>
     <Button
       className="btn-icon-only rounded-circle ml-1"
-      color="twitter"
-      href={socialLinks.linkedin}
+      color="facebook"
+      href={socialLinks.facebook}
       target="_blank"
     >
       <span className="btn-inner--icon">
-        <i className="fa fa-linkedin" />
+        <i className="fa fa-facebook-square" />
+      </span>
+    </Button>
+    <Button
+      className="btn-icon-only rounded-circle ml-1"
+      color="instagram"
+      href={socialLinks.instagram}
+      target="_blank"
+    >
+      <span className="btn-inner--icon">
+        <i className="fa fa-instagram" />
       </span>
     </Button>
   </div>

diff --git a/src/containers/Greetings/index.tsx b/src/containers/Greetings/index.tsx
@@ -1,6 +1,6 @@
 import React, { useEffect } from "react"
 import { Fade } from "react-reveal"
-import { Button, Container, Row, Col } from "reactstrap"
+import { Container, Row, Col } from "reactstrap"
 import { greetings } from "../../portfolio"
 import code from "../../assets/lottie/coding.json"
 import { DisplayLottie, SocialLinks } from "../../components"
@@ -102,7 +102,7 @@ const Greetings = () => {
                     </h1>
                     <p className="lead text-white">{greetings.description}</p>
                     <SocialLinks />
-                    <div className="btn-wrapper my-4">
+                    {/* <div className="btn-wrapper my-4">
                       <Button
                         className="btn-white btn-icon mb-3 mb-sm-0 ml-1"
                         color="default"
@@ -113,7 +113,7 @@ const Greetings = () => {
                         </span>
                         <span className="btn-inner--text">See My Resume</span>
                       </Button>
-                    </div>
+                    </div> */}
                   </Col>
                   <Col lg="6">
                     <DisplayLottie animationData={code} />

diff --git a/src/portfolio.ts b/src/portfolio.ts
@@ -23,6 +23,7 @@ export const socialLinks = {
   twitter: process.env.REACT_APP_TWITTER_URL,
   github: process.env.REACT_APP_GITHUB_URL,
   linkedin: process.env.REACT_APP_LINKEDIN_URL,
+  medium: process.env.REACT_APP_MEDIUM_URL,
 }
 
 export const skillsSection = {
@@ -178,23 +179,23 @@ export const experience = [
     company: "MomentoNFT",
     companylogo: MomentoLogo,
     date: "Mar 2022 – Present",
-    desc: "Working as a full stack engineer",
-    descBullets: ["NextJS", "NodeJs", "React Native"],
+    desc: "Full stack engineer",
+    descBullets: ["NextJS", "NodeJs", "React Native", "AWS"],
   },
   {
     role: "Software Engineer",
     company: "Ready To Work",
     companylogo: RtwLogo,
     date: "Dec 2020 – Mar 2022",
-    desc: "Working as a full stack engineer",
+    desc: "Full stack engineer",
     descBullets: ["NextJS", "Go", "Gin", "Firebase"],
   },
   {
-    role: "Front-End Developer",
+    role: "Front-End Engineer",
     company: "Treeleaf Technologies",
     companylogo: TreeleafLogo,
     date: "Mar 2020 – Aug 2020",
-    desc: "Worked as a front end engineer",
+    desc: "Front end engineer",
     descBullets: ["ReactJS", "ReduxJS", "NodeJS"],
   },
   {