feat: refactor data structures and interfaces for better organization

src/components/Footer.tsx

@@ -1,11 +1,9 @@
 import {socialLinkData} from '../data/socialLinkData'
-export interface socialLink {
+import type {SocialLink} from '../untils/SocialLink'
-  icon: string;
+
-  url: string;
-}
 
 export const Footer = () => {
-  const socialLinks: socialLink[] = socialLinkData;
+  const socialLinks: SocialLink[] = socialLinkData;
 
   const currentYear = new Date().getFullYear()
   return (

src/components/SkillCard.tsx

@@ -1,16 +1,7 @@
 import styles from '@styles/SkillCard.module.scss';
 import React from 'react';
 
-export interface Skill {
+import type {SkillCardProps} from '../untils/SkillCardProps';
-    name: string;
-    icon: React.ReactNode; // Or string if using CSS classes for icons
-}
-
-export interface SkillCardProps {
-    categoryTitle: string;
-    categoryIcon: React.ReactNode; // Or string
-    skills: Skill[];
-}
 
 const SkillCard: React.FC<SkillCardProps> = ({ categoryTitle, categoryIcon, skills }) => {
     return (

src/data/experienceData.ts

@@ -1,4 +1,5 @@
-import { type AboutProps } from "../pages/About";
+import type {AboutProps} from '../untils/AboutProps'
+
 
 export const aboutProps: AboutProps = {
     coreValues: [

src/data/skillCardData.ts

@@ -1,4 +1,4 @@
-import {type SkillCardProps} from '../components/SkillCard';
+import {type SkillCardProps} from '../untils/SkillCardProps';
 
 export const skillCardData: SkillCardProps[] = [
     {

src/data/socialLinkData.ts

@@ -1,6 +1,6 @@
-import {type socialLink} from "../components/Footer";
+import {type SocialLink} from "../untils/SocialLink";
 
-export const socialLinkData: socialLink[] = [
+export const socialLinkData: SocialLink[] = [
     {
         icon: "fab fa-github",
         url: ""

src/pages/About.tsx

@@ -3,37 +3,6 @@ import { aboutProps } from '../data/experienceData';
 
 import style from '@styles/About.module.scss';
 
-export interface AboutProps {
-  coreValues: CoreValue[];
-  technicalArsenal: TechnicalArsenal[];
-  professionalJourney: ProfessionalJourney[];
-  testimonials: Testimonial[];
-}
-
-export interface CoreValue {
-  title: string;
-  description: string;
-  icon: string;
-}
-
-export interface ProfessionalJourney {
-  title: string;
-  description: string;
-  duration: string;
-}
-
-export interface TechnicalArsenal {
-  title: string;
-  icon: string;
-  skills: string[];
-}
-
-export interface Testimonial {
-  content: string;
-  author: string;
-  position: string;
-}
-
 export const About = () => {
   const data = aboutProps;
   return (

src/untils/AboutProps.ts

@@ -0,0 +1,30 @@
+export interface AboutProps {
+  coreValues: CoreValue[];
+  technicalArsenal: TechnicalArsenal[];
+  professionalJourney: ProfessionalJourney[];
+  testimonials: Testimonial[];
+}
+
+export interface CoreValue {
+  title: string;
+  description: string;
+  icon: string;
+}
+
+export interface ProfessionalJourney {
+  title: string;
+  description: string;
+  duration: string;
+}
+
+export interface TechnicalArsenal {
+  title: string;
+  icon: string;
+  skills: string[];
+}
+
+export interface Testimonial {
+  content: string;
+  author: string;
+  position: string;
+}

src/untils/SkillCardProps.ts

@@ -0,0 +1,10 @@
+export interface Skill {
+    name: string;
+    icon: React.ReactNode; // Or string if using CSS classes for icons
+}
+
+export interface SkillCardProps {
+    categoryTitle: string;
+    categoryIcon: React.ReactNode; // Or string
+    skills: Skill[];
+}

src/untils/SocialLink.ts

@@ -0,0 +1,4 @@
+export interface SocialLink {
+  icon: string;
+  url: string;
+}