PUBLIC_GITHUB_REPO = prabhukirankonda-portfolio
PUBLIC_GITHUB_USERNAME = PrabhuKiran8790
PUBLIC_GITHUB_REPO_ID =
PUBLIC_CATEGORY = General
PUBLIC_CATEGORY_ID =
	

			import type { TechStack } from './icons';
 
export type ProjectType = {
    title: string;
    featured?: boolean;
    href: string;
    source?: string;
    image: string;
    description: string;
    techstack: TechStack[];
};
 
export const projects: ProjectType[] = [
    {
        title: 'Personal Portfolio with Markdown Blog',
        description:
            'This website, prabhukirankonda.vercel.app is my personal website with a markdown blog written in SvelteKit and deployed using Vercel. Styled using Taiwind CSS and Shadcn-UI and completely written in TypeScript.',
        href: 'https://prabhukirankonda.vercel.app',
        source: 'https://github.com/PrabhuKiran8790/prabhukirankonda.vercel.app',
        image: '/sveltekit-portfolio-min.png',
        techstack: ['SvelteKit', 'Tailwind', 'TypeScript'],
        featured: true
    },
    {
        title: 'Corgi-AI: Create anything with AI',
        description:
            'Corgi AI is a collection of AI tools for different usecases. It includes a chatGPT clone with streaming responses, Image Generation, Audio Generation, Image Restoration and PDF Chat(beta). It is a full fledged SaaS application with stripe payments. It is Deployed using Docker with a VPS hosting on fly.io',
        href: 'https://corgi-ai.fly.dev',
        source: 'https://github.com/PrabhuKiran8790/corgi-docker',
        image: '/corgi-ai-dashboard.png',
        techstack: ['SvelteKit', 'TypeScript', 'PostgreSQL', 'Docker', 'Drizzle'],
        featured: true
    },
    {
        title: 'Dall-E Clone: AI Image Generation',
        description:
            'Created a Dall-E Clone using SvelteKit, OpenAI API, TailwindCSS, TypeScript, Dirzzle ORM and MySQL Database. Converted it into fully working SaaS which inludes Stripe Payment Integration, User Authentication (Github & Google), and User Friendly Interface. The app is deployed with Vercel for easy setup and scalability.',
        href: 'https://dall-e-sveltekit.vercel.app/',
        source: 'https://github.com/PrabhuKiran8790/dall-e-clone',
        image: '/dall-e-svelte-min.png',
        techstack: ['SvelteKit', 'TypeScript', 'MySQL', 'Drizzle'],
        featured: true
    },
];
	

			import type { ComponentType, SvelteComponent } from 'svelte';
import { Drizzle, Streamlit, Svelte, Tailwind } from './components/site/icons';
 
function tuple<T extends string[]>(...o: T) {
    return o;
}
 
export const techStackArray = tuple(
    'Python',
    'TypeScript',
    'JavaScript',
    'Java',
    'React',
    'NextJS',
    'SvelteKit',
    'TensorFlow',
    'PyTorch',
    'Streamlit',
    'PostgreSQL',
    'MySQL',
    'MongoDB',
    'Firebase',
    'FastAPI',
    'Docker',
    'Git',
    'Drizzle',
    'Tailwind'
);
 
export type TechStack = (typeof techStackArray)[number];
 
export type TechStackObject = {
    [key in TechStack]?: {
        name?: string;
        filename?: string;
        className?: string;
        customIcon?: ComponentType<SvelteComponent>;
    };
};
 
export type LangIconsType = {
    [key: string]: {
        name?: string;
        filename?: string;
        className?: string;
        customIcon?: ComponentType<SvelteComponent>;
    };
};
 
export const techStackData: TechStackObject = {
    // inlcude if you want any custom type icon
    // by default it's gonna stick with default values
 
    /*
    why i'm only icluding the one that i want to be a custom type is that, if you see the URL structure of devicon.dev (that's where we get those icons), it has following structure
    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/rust/rust-plain.svg" />
    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/{name}/{filename}.svg" />
    so we can you default ones if not included here. 
    */
 
    // for nextjs, i want the background to be white so i inlcude nextjs in this
    NextJS: {
        className: 'bg-white rounded-full' // that's it.
    },
    Firebase: {
        filename: 'firebase-plain'
    },
    SvelteKit: {
        customIcon: Svelte
    },
    Streamlit: {
        customIcon: Streamlit
    },
    MySQL: {
        className: 'bg-white',
        filename: 'mysql-original-wordmark'
    },
    Tailwind: {
        customIcon: Tailwind
    },
    Drizzle: {
        customIcon: Drizzle
    }
};
	

			---
layout: about
---
	

			/** @type {import('mdsvex').MdsvexOptions} */
export const mdsvexOptions = {
    extensions: ['.md', '.svx'],
    layout: {
        _: resolve('./src/lib/components/markdown/layout.svelte'), // default or fallback layout
        about: resolve('./src/lib/components/markdown/about-layout.svelte') // named layout
    },
    // comment if not working
    // highlight: {
    //  highlighter: highlightCode
    // },
    remarkPlugins: [remarkUnwrapImages, math, katex_blocks, katex_inline, replaceQuotes, remarkGfm],
    rehypePlugins: [
        rehypeCustomComponents,
        rehypeComponentPreToPre,
        [rehypePrettyCode, prettyCodeOptions],
        rehypeHandleMetadata,
        rehypeRenderCode,
        rehypePreToComponentPre,
        rehypeSlug,
        correct_hast_tree,
        rehype_katex
    ]
};