Move gitprofile.config.js to root

README.md

@@ -72,7 +72,7 @@ As this is a vite project, you can also host your website to Netlify, Vercel, He
 
 ## 🎨 Customization
 
-All the magic happens in the file `src/gitprofile.config.js`. Open it and modify it according to your preference.
+All the magic happens in the file `gitprofile.config.js`. Open it and modify it according to your preference.
 
 These are the default values:
 

src/App.jsx

@@ -1,7 +1,6 @@
 import axios from 'axios';
 import { Fragment, useCallback, useEffect, useState } from 'react';
 import moment from 'moment';
-import config from './gitprofile.config';
 import HeadTagEditor from './components/head-tag-editor';
 import ErrorPage from './components/error-page';
 import ThemeChanger from './components/theme-changer';
@@ -13,6 +12,7 @@ import Education from './components/education';
 import Project from './components/project';
 import Blog from './components/blog';
 import { getInitialTheme, setupHotjar } from './helpers/utils';
+import config from '../gitprofile.config';
 
 function App() {
   const [theme, setTheme] = useState(getInitialTheme());
@@ -127,7 +127,7 @@ function App() {
               error === 404 ? (
                 <p>
                   Please provide correct github username in{' '}
-                  <code>src/gitprofile.config.js</code>
+                  <code>gitprofile.config.js</code>
                 </p>
               ) : error === 429 ? (
                 <p>

src/components/blog/index.jsx

@@ -1,10 +1,10 @@
 import { getDevtoArticle, getMediumArticle } from 'article-api';
 import moment from 'moment';
 import { Fragment, useEffect, useState } from 'react';
-import config from '../../gitprofile.config';
 import { ga, skeleton } from '../../helpers/utils';
 import LazyImage from '../lazy-image';
 import PropTypes from 'prop-types';
+import config from '../../../gitprofile.config';
 
 const displaySection = () => {
   if (

src/components/details/index.jsx

@@ -14,7 +14,7 @@ import {
 } from 'react-icons/fa';
 import PropTypes from 'prop-types';
 import { skeleton } from '../../helpers/utils';
-import config from '../../gitprofile.config';
+import config from '../../../gitprofile.config';
 
 const ListItem = ({ icon, title, value, link, skeleton = false }) => {
   return (

src/components/education/index.jsx

@@ -1,7 +1,7 @@
 import { skeleton } from '../../helpers/utils';
-import config from '../../gitprofile.config';
 import { Fragment } from 'react';
 import PropTypes from 'prop-types';
+import config from '../../../gitprofile.config';
 
 const ListItem = ({ time, degree, institution }) => (
   <li className="mb-5 ml-4">

src/components/experience/index.jsx

@@ -1,7 +1,7 @@
 import { skeleton } from '../../helpers/utils';
-import config from '../../gitprofile.config';
 import { Fragment } from 'react';
 import PropTypes from 'prop-types';
+import config from '../../../gitprofile.config';
 
 const ListItem = ({ time, position, company }) => (
   <li className="mb-5 ml-4">

src/components/head-tag-editor/index.jsx

@@ -1,8 +1,8 @@
 import { Fragment } from 'react';
 import { Helmet } from 'react-helmet-async';
 import PropTypes from 'prop-types';
-import config from '../../gitprofile.config';
 import { isThemeDarkish } from '../../helpers/utils';
+import config from '../../../gitprofile.config';
 
 const HeadTagEditor = ({ profile, theme }) => {
   return (

src/components/project/index.jsx

@@ -1,8 +1,8 @@
 import { Fragment } from 'react';
 import { AiOutlineStar, AiOutlineFork } from 'react-icons/ai';
 import PropTypes from 'prop-types';
-import config from '../../gitprofile.config';
 import { ga, languageColor, skeleton } from '../../helpers/utils';
+import config from '../../../gitprofile.config';
 
 const Project = ({ repo, loading }) => {
   const renderSkeleton = () => {

src/components/skill/index.jsx

@@ -1,6 +1,6 @@
-import config from '../../gitprofile.config';
 import { skeleton } from '../../helpers/utils';
 import PropTypes from 'prop-types';
+import config from '../../../gitprofile.config';
 
 const Skill = ({ loading }) => {
   const renderSkeleton = () => {

src/components/theme-changer/index.jsx

@@ -1,7 +1,7 @@
 import { AiOutlineControl } from 'react-icons/ai';
 import { skeleton } from '../../helpers/utils';
-import config from '../../gitprofile.config';
 import PropTypes from 'prop-types';
+import config from '../../../gitprofile.config';
 
 const ThemeChanger = ({ theme, setTheme, loading }) => {
   const changeTheme = (e, selectedTheme) => {

src/helpers/utils.jsx

@@ -1,6 +1,6 @@
-import config from '../gitprofile.config';
 import colors from '../data/colors.json';
 import { hotjar } from 'react-hotjar';
+import config from '../../gitprofile.config';
 
 export const getInitialTheme = () => {
   if (config.themeConfig.disableSwitch) {