data.tsx

import ReactIcon from "./assets/particles/react.svg";
import SupabaseIcon from "./assets/particles/supabase.svg";
import CursorIcon from "./assets/particles/cursor.svg";
import P5Icon from "./assets/particles/p5.svg";
import HTMLIcon from "./assets/particles/html.svg";
import CSSIcon from "./assets/particles/css.svg";
import JSIcon from "./assets/particles/js.svg";
import TSIcon from "./assets/particles/typescript.svg";
import NginxIcon from "./assets/particles/nginx.svg";
import DigitalOceanIcon from "./assets/particles/digital-ocean.svg";
import GithubActionsIcon from "./assets/particles/github-actions.svg";
import WebRTCIcon from "./assets/particles/webrtc.svg";
import QwikIcon from "./assets/particles/qwik.svg";
import SocketIOIcon from "./assets/particles/socketio.svg";
import PostgresIcon from "./assets/particles/postgres.svg";
import ReduxIcon from "./assets/particles/redux.svg";
import GitIcon from "./assets/particles/git.svg";
import GithubIcon from "./assets/particles/github.svg";
import KubernetesIcon from "./assets/particles/kubernetes.svg";
import DockerIcon from "./assets/particles/docker.svg";
import AzureIcon from "./assets/particles/azure.svg";
import NextIcon from "./assets/particles/next.svg";
import GSapIcon from "./assets/particles/gsap.svg";
import TailwindIcon from "./assets/particles/tailwind.svg";
import TurboRepoIcon from "./assets/particles/turborepo.svg";

import { ISkill } from "./Skills";
import Image from "next/image";

export interface IProject {
  title: string;
  description: string;
  image: string;
  link?: string;
  github?: string;
  demoVideo?: string;
  techStack: JSX.Element[];
}

export type IAchievement = {
  title: string;
  description: string;
  image: string;
  pdf: string;
};

export const PROJECTS: IProject[] = [
  {
    title: "PawBuck",
    description:
      "Full-stack pet health app with AI-powered veterinary chatbot using Gemini.",
    image: "casestudies/pawbuck.png",
    link: "https://www.pawbuck.com",
    techStack: [<ReactIcon />, <SupabaseIcon />, <CursorIcon />],
  },
  {
    title: "Zerodha Portfolio Analyser",
    description:
      "High-speed stock analysis tool with automated Excel-to-JSON parsing.",
    image: "casestudies/zerodha.png",
    link: "https://zerodha.raveen.in",
    github: "https://github.com/Raveen2001/Zerodha-Portfolio-Analyser",

    techStack: [<ReactIcon />, <SupabaseIcon />],
  },
  {
    title: "Portfolio",
    description:
      "Software Engineer (UI) portfolio built with Next.js, GSAP animations, and responsive design.",
    image: "casestudies/portfolio.png",
    link: "https://www.raveen.in",
    github: "https://github.com/Raveen2001/Portfolio",
    techStack: [<NextIcon />, <GSapIcon />],
  },
  // {
  //   title: "Video Chat",
  //   description: "Built using Qwik & WebRTC",
  //   image: "casestudies/video-chat.png",
  //   link: "https://video-chat.raveen.in",
  //   github: "https://github.com/Raveen2001/video-chat",
  //   techStack: [
  //     <QwikIcon />,
  //     <TSIcon />,
  //     <SocketIOIcon />,
  //     <WebRTCIcon />,
  //     <GithubActionsIcon />,
  //     <DigitalOceanIcon />,
  //     <NginxIcon />,
  //   ],
  // },
  {
    title: "Path Visualizer",
    description:
      "Interactive path-finding algorithm visualizer built with React",
    image: "casestudies/path.png",
    link: "https://visualizer.raveen.in",
    github: "https://github.com/Raveen2001/Path-Finding-Visualizer.git",
    techStack: [<ReactIcon />, <GSapIcon />],
  },
  // {
  //   title: "Sort Visualizer",
  //   description: "Built using P5Js",
  //   image: "casestudies/sort.png",
  //   link: "https://sort.raveen.in",
  //   github: "https://github.com/Raveen2001/Sorting-visualizations.git",
  //   techStack: [<HTMLIcon />, <CSSIcon />, <JSIcon />, <P5Icon />],
  // },
  // {
  //   title: "Stone Paper Scissor game",
  //   description: "Built using HTML, CSS, JS",
  //   image: "casestudies/stone.png",
  //   link: "https://sps.raveen.in",
  //   github: "https://github.com/Raveen2001/Stone-Paper-Scissor-game.git",
  //   techStack: [<HTMLIcon />, <CSSIcon />, <JSIcon />],
  // },
];

export interface IWork {
  name: string;
  date: string;
  designation: string;
  description: string;
  techStacks: ISkill[];
  workDone: string[];
  highlights?: string[];
}

export const WORK_TIMELINE: IWork[] = [
  {
    name: "A.P. Moller - Maersk",
    date: "May 2022 - Present",
    designation: "Software Engineer, Bangalore",
    description:
      "Playing a vital role in frontend architecture and technical decision-making for large-scale energy analytics platforms built with React (TypeScript), ECharts, React Table, React Query & WebSockets. Architected an MCP (Model Context Protocol) Server integrated with Azure AI, transforming static analytical dashboards into conversational interfaces with RAG pipelines.",
    techStacks: [
      { icon: <ReactIcon />, name: "React" },
      { icon: <TSIcon />, name: "TypeScript" },
      { icon: <ReduxIcon />, name: "React Query" },
      { icon: <SocketIOIcon />, name: "WebSockets" },
      { icon: <AzureIcon />, name: "Azure AI" },
      { icon: <GitIcon />, name: "Git" },
      { icon: <GithubActionsIcon />, name: "GitHub Actions" },
      { icon: <DockerIcon />, name: "Docker" },
      { icon: <KubernetesIcon />, name: "Kubernetes" },
      { icon: <NginxIcon />, name: "Nginx" },
      {
        icon: <Image src="/grafana.png" width={40} height={40} alt="grafana" />,
        name: "Grafana",
      },
    ],
    workDone: [
      "Played a vital role in frontend architecture and technical decision-making for large-scale energy analytics platforms built with React (TypeScript), ECharts, React Table, React Query & WebSockets, delivering high-performance, data-intensive applications for fleet stakeholders.",
      "Architected and spearheaded the implementation of an MCP (Model Context Protocol) Server integrated with Azure AI, transforming static analytical dashboards into conversational interfaces. Developed a RAG (Retrieval-Augmented Generation) pipeline to provide the LLM with real-time telemetry context, allowing users to identify high-priority vessels and fuel-saving opportunities using natural language prompts via in-app chatbot.",
      "Played a critical role in a year-long strategic initiative requiring deep domain expertise and strong technical judgment. Collaborated closely across teams to align requirements, set clear expectations, define realistic timelines, and proactively mitigate risks.",
      "Led the development of a cross-functional UI library that resolved long-standing version incompatibilities between legacy and modern React environments, reducing development overhead by 50%.",
      "Re-engineered data export systems from a blocking architecture to an asynchronous SSE-based model, eliminating UI freezes and reducing database query lock-ups by 40%.",
      "Abstracted complex domain logic into reusable custom hooks & components, accelerating feature delivery cycles by increasing adaptability & awareness.",
      "Took the initiative to integrate React Query by implementing a POC that introduced sophisticated caching and data-invalidation strategies, reducing redundant network calls by 25% and improving UX.",
      "Migrated build tooling from CRACO to Vite and upgraded runtime from Node 16 to Node 24, reducing build time from 10 minutes to under 4 minutes (150% improvement) resulting in increased velocity of feature releases.",
      "Conducted internal knowledge-sharing sessions on AI in developer workflows, Agentic AI, Model Context Protocol (MCP), and deep dives into React best practices, empowering engineers to leverage modern AI tooling effectively.",
      "Mentored 3 interns into seasoned engineers by providing technical guidance and career coaching, resulting in their successful integration as core contributors to the project.",
      "Championed high-standard code reviews, technical refinements & driven initiatives for high-valued tech debts.",
    ],
    highlights: [
      "MCP + Azure AI chatbot with RAG",
      "50% dev overhead reduction",
      "150% build time improvement",
      "Mentored 3 interns",
    ],
  },
];

export const ACHIEVEMENTS: IAchievement[] = [
  {
    title: "Best Academic Student 2019 - 2023",
    description:
      "Awarded for being the best academic student in the batch of 2019 - 2023 at Kongu Engineering College, Tamilnadu.",
    image: "achievements/best_academic_student.png",
    pdf: "achievements/best_academic_student.pdf",
  },
  {
    title: "AlgoExpert Certification",
    description:
      "AlgoExpert is a platform that helps prospective Software Engineers prepare for algorithm-intensive programming interviews.",
    image: "achievements/algoexpert.jpeg",
    pdf: "achievements/algoexpert.pdf",
  },
  {
    title: "NeetCodeIO Certification",
    description:
      "NeetCodeIO is a platform that helps prospective Software Engineers prepare for algorithm-intensive programming interviews.",
    image: "achievements/neetcodeio.jpeg",
    pdf: "achievements/neetcodeio.pdf",
  },
];

export const SKILLS_BY_CATEGORY: Map<string, string[]> = new Map([
  [
    "Core Frontend",
    ["React 18+", "TypeScript", "JavaScript (ES6+)", "HTML5", "CSS3/SCSS"],
  ],
  [
    "AI & Intelligent Systems",
    [
      "RAG",
      "MCP Architecture",
      "Agentic Workflows (Cursor)",
      "Azure AI",
      "Google Gemini",
    ],
  ],
  [
    "State & Data",
    ["React Query", "Redux Toolkit", "Context API", "WebSocket"],
  ],
  [
    "Architecture",
    ["Micro-frontends", "Custom Hooks", "Component-Driven Development"],
  ],
  [
    "Data Visualization & UI",
    ["ECharts", "React Table", "Material Design", "Responsive Design"],
  ],
  ["Testing", ["Vitest", "Jest", "React Testing Library"]],
  [
    "DevOps & Tooling",
    [
      "Vite",
      "Webpack",
      "CI/CD",
      "Docker",
      "Kubernetes",
      "Node",
      "Git",
      "GitHub Actions",
      "Nginx",
      "Azure",
      "Vercel",
      "Netlify",
    ],
  ],
]);