diff --git a/gitprofile.config.js b/gitprofile.config.js
index 8652a68..f9e9542 100644
--- a/gitprofile.config.js
+++ b/gitprofile.config.js
@@ -19,6 +19,7 @@ const config = {
behance: '',
medium: 'arifszn',
dev: 'arifszn',
+ stackoverflow: '', // format: userid/username
website: 'https://arifszn.github.io',
phone: '',
email: 'arifulalamszn@gmail.com',
diff --git a/src/components/GitProfile.jsx b/src/components/GitProfile.jsx
index c781e85..4aaef5f 100644
--- a/src/components/GitProfile.jsx
+++ b/src/components/GitProfile.jsx
@@ -258,6 +258,7 @@ GitProfile.propTypes = {
behance: PropTypes.string,
medium: PropTypes.string,
dev: PropTypes.string,
+ stackoverflow: PropTypes.string,
website: PropTypes.string,
phone: PropTypes.string,
email: PropTypes.string,
diff --git a/src/components/details/index.jsx b/src/components/details/index.jsx
index 47d2d13..d84144a 100644
--- a/src/components/details/index.jsx
+++ b/src/components/details/index.jsx
@@ -15,6 +15,7 @@ import {
FaDev,
FaFacebook,
FaGlobe,
+ FaStackOverflow,
} from 'react-icons/fa';
import PropTypes from 'prop-types';
import { skeleton } from '../../helpers/utils';
@@ -169,6 +170,14 @@ const Details = ({ profile, loading, social, github }) => {
link={`https://dev.to/${social.dev}`}
/>
)}
+ {social?.stackoverflow && (
+ }
+ title="Stack Overflow:"
+ value={social.stackoverflow.split('/').slice(-1)}
+ link={`https://stackoverflow.com/users/${social.stackoverflow}`}
+ />
+ )}
{social?.website && (
}
diff --git a/src/helpers/utils.jsx b/src/helpers/utils.jsx
index 86e81e8..8476645 100644
--- a/src/helpers/utils.jsx
+++ b/src/helpers/utils.jsx
@@ -153,6 +153,7 @@ export const sanitizeConfig = (config) => {
behance: config?.social?.behance,
medium: config?.social?.medium,
dev: config?.social?.dev,
+ stackoverflow: config?.social?.stackoverflow,
website: config?.social?.website,
phone: config?.social?.phone,
email: config?.social?.email,
diff --git a/types/index.d.ts b/types/index.d.ts
index de04515..e66253a 100644
--- a/types/index.d.ts
+++ b/types/index.d.ts
@@ -79,6 +79,11 @@ export interface Social {
*/
dev?: string;
+ /**
+ * Stack Overflow
+ */
+ stackoverflow?: string;
+
/**
* Website
*/