+ >
+
Know Who I'M
+
+
Professional Skillset
diff --git a/src/components/About/AboutCard.js b/src/components/About/AboutCard.js
index 29d4c36c68..8142c95ed6 100644
--- a/src/components/About/AboutCard.js
+++ b/src/components/About/AboutCard.js
@@ -1,6 +1,7 @@
import React from "react";
import Card from "react-bootstrap/Card";
import { ImPointRight } from "react-icons/im";
+import { data } from "../../Constants";
function AboutCard() {
return (
@@ -8,33 +9,24 @@ function AboutCard() {
- Hi Everyone, I am Soumyajit Behera
- from Bhubaneswar, India.
-
I am a final year student pursuing an Integrated MSc (IMSc)
- in Maths and Computing at BIT Mesra.
-
- Additionally, I am currently employed as a software developer at
- Juspay.
-
-
- Apart from coding, some other activities that I love to do!
+ {data.about}
- -
-
- -
-
- -
-
+ {
+ data.activities.map((activity, index) => {
+ return (
+ -
+
+ );
+ })
+ }
-
- "Strive to build things that make a difference!"{" "}
+
+ {data.quote}{" "}
-
+
diff --git a/src/components/About/Github.js b/src/components/About/Github.js
index fbdb507316..d1ab9a88b2 100644
--- a/src/components/About/Github.js
+++ b/src/components/About/Github.js
@@ -1,6 +1,7 @@
import React from "react";
import GitHubCalendar from "react-github-calendar";
import { Row } from "react-bootstrap";
+import { data } from "../../Constants";
function Github() {
return (
@@ -9,7 +10,7 @@ function Github() {
Days I Code
- Hi Everyone, I am Soumyajit Behera - from Bhubaneswar, India. -
I am a final year student pursuing an Integrated MSc (IMSc) - in Maths and Computing at BIT Mesra. -
- Additionally, I am currently employed as a software developer at - Juspay. -
-
- Apart from coding, some other activities that I love to do! + {data.about}-
-- -
-Playing Games - - -
-Writing Tech Blogs - - -
+ { + data.activities.map((activity, index) => { + return ( +Travelling - - +
+ ); + }) + }{activity} + - "Strive to build things that make a difference!"{" "} +
+ {data.quote}{" "}
- +
Designed and Developed by Soumyajit Behera
+Designed and Developed by {data.name}
Copyright Β© {year} SB
-
-
-
-
-
- -
- -
-
-
- -
- -
-
-
- -
- -
-
-
- -
+ {data.socialMedia.map((link, index) => {
+ return (
+ - + + {link.icon} + + + ); + })}
Hi There!{" "}
@@ -22,7 +24,7 @@ function Home() {
I'M
- SOUMYAJIT BEHERA
+ {data.name}
diff --git a/src/components/Home/Home2.js b/src/components/Home/Home2.js
index ac3a48310b..4d83dd0030 100644
--- a/src/components/Home/Home2.js
+++ b/src/components/Home/Home2.js
@@ -2,12 +2,7 @@ import React from "react";
import { Container, Row, Col } from "react-bootstrap";
import myImg from "../../Assets/avatar.svg";
import Tilt from "react-parallax-tilt";
-import {
- AiFillGithub,
- AiOutlineTwitter,
- AiFillInstagram,
-} from "react-icons/ai";
-import { FaLinkedinIn } from "react-icons/fa";
+import { data } from "../../Constants";
function Home2() {
return (
@@ -19,37 +14,7 @@ function Home2() {
LET ME INTRODUCE MYSELF
- I fell in love with programming and I have at least learnt
- something, I thinkβ¦ π€·ββοΈ
-
-
I am fluent in classics like
-
- C++, Javascript and Go.
-
-
-
- My field of Interest's are building new
-
- Web Technologies and Products and
- also in areas related to{" "}
-
- Blockchain.
-
-
-
-
- Whenever possible, I also apply my passion for developing products
- with Node.js and
-
-
- {" "}
- Modern Javascript Library and Frameworks
-
-
- like
-
- React.js and Next.js
-
+ {data.bio}
- -
-
-
- -
-
-
- -
-
-
- -
-
-
+ {data.socialMedia.map((link, index) => {
+ return (
+ -
+
+ {link.icon}
+
+
+ );
+ })}
diff --git a/src/components/Home/Type.js b/src/components/Home/Type.js
index 67cde05c8c..f63ae47701 100644
--- a/src/components/Home/Type.js
+++ b/src/components/Home/Type.js
@@ -1,16 +1,12 @@
import React from "react";
import Typewriter from "typewriter-effect";
+import { data } from "../../Constants";
function Type() {
return (
+
- 
+
+ {data.logo}
+
+ {/* 
*/}
-
- updateExpanded(false)}
- >
-
-
-
-
- updateExpanded(false)}
- >
-
-
-
-
- updateExpanded(false)}
- >
-
-
-
-
-
-
-
+ {links.map((link, index) => {
+ return (
+
+ {link.href ? updateExpanded(false)}
+ >
+ {link.outline} {link.name}
+ :
+ updateExpanded(false)}
+ >
+ {link.outline} {link.name}
+ }
+
+ );
+ })}
-
-
-
+ {data.socialMedia.map((link, index) => {
+ return (
+
+
+ {link.icon}
+
+
+ );
+ })}
diff --git a/src/components/Projects/ProjectCards.js b/src/components/Projects/ProjectCards.js
index 98c23ce0f0..ca12e91c5d 100644
--- a/src/components/Projects/ProjectCards.js
+++ b/src/components/Projects/ProjectCards.js
@@ -10,29 +10,32 @@ function ProjectCards(props) {
{props.title}
-
- {props.description}
-
-
- {"\n"}
- {"\n"}
+
+
+ {props.description}
+
+
+
- {/* If the component contains Demo link and if it's not a Blog then, it will render the below component */}
+ {/* If the component contains Demo link and if it's not a Blog then, it will render the below component */}
- {!props.isBlog && props.demoLink && (
-
- )}
+ {!props.isBlog && props.demoLink && (
+
+
+ )}
+
+
);
diff --git a/src/components/Projects/Projects.js b/src/components/Projects/Projects.js
index acb2de231b..3103d85331 100644
--- a/src/components/Projects/Projects.js
+++ b/src/components/Projects/Projects.js
@@ -2,12 +2,7 @@ import React from "react";
import { Container, Row, Col } from "react-bootstrap";
import ProjectCard from "./ProjectCards";
import Particle from "../Particle";
-import leaf from "../../Assets/Projects/leaf.png";
-import emotion from "../../Assets/Projects/emotion.png";
-import editor from "../../Assets/Projects/codeEditor.png";
-import chatify from "../../Assets/Projects/chatify.png";
-import suicide from "../../Assets/Projects/suicide.png";
-import bitsOfCode from "../../Assets/Projects/blog.png";
+import { data } from "../../Constants";
function Projects() {
return (
@@ -21,72 +16,25 @@ function Projects() {
Here are a few projects I've worked on recently.
-
+
+ Yet to be Added
+
+ }
diff --git a/src/components/Resume/ResumeNew.js b/src/components/Resume/ResumeNew.js
index 696ba23125..b357be4d4c 100644
--- a/src/components/Resume/ResumeNew.js
+++ b/src/components/Resume/ResumeNew.js
@@ -2,10 +2,10 @@ import React, { useState, useEffect } from "react";
import { Container, Row } from "react-bootstrap";
import Button from "react-bootstrap/Button";
import Particle from "../Particle";
-import pdf from "../../Assets/../Assets/Soumyajit_Behera-BIT_MESRA.pdf";
import { AiOutlineDownload } from "react-icons/ai";
import { Document, Page, pdfjs } from "react-pdf";
import "react-pdf/dist/esm/Page/AnnotationLayer.css";
+import { data } from "../../Constants";
pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.min.js`;
function ResumeNew() {
@@ -22,7 +22,7 @@ function ResumeNew() {
-
+
786 ? 1.7 : 0.6} />
@@ -40,7 +40,7 @@ function ResumeNew() {
- I fell in love with programming and I have at least learnt
- something, I thinkβ¦ π€·ββοΈ
-
-
I am fluent in classics like
-
- C++, Javascript and Go.
-
-
-
- My field of Interest's are building new
-
- Web Technologies and Products and
- also in areas related to{" "}
-
- Blockchain.
-
-
-
-
- Whenever possible, I also apply my passion for developing products
- with Node.js and
-
-
- {" "}
- Modern Javascript Library and Frameworks
-
-
- like
-
- React.js and Next.js
-
+ {data.bio}
-
-
-
-
-
- -
- -
-
-
- -
- -
-
-
- -
- -
-
-
- -
+ {data.socialMedia.map((link, index) => {
+ return (
+ - + + {link.icon} + + + ); + })}
+ {data.logo}
+
+ {/*
+
+ {props.description}
+
+
+
- {/* If the component contains Demo link and if it's not a Blog then, it will render the below component */}
+ {/* If the component contains Demo link and if it's not a Blog then, it will render the below component */}
- {!props.isBlog && props.demoLink && (
-
- )}
+ {!props.isBlog && props.demoLink && (
+
+
+ )}
+
+