[ { "path": ".gitignore", "content": "# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.\n\n# dependencies\n/node_modules\n/.pnp\n.pnp.*\n.yarn/*\n!.yarn/patches\n!.yarn/plugins\n!.yarn/releases\n!.yarn/versions\n\n# testing\n/coverage\n\n# next.js\n/.next/\n/out/\n\n# production\n/build\n\n# misc\n.DS_Store\n*.pem\n\n# debug\nnpm-debug.log*\nyarn-debug.log*\nyarn-error.log*\n.pnpm-debug.log*\n\n# env files (can opt-in for committing if needed)\n.env*\n\n# vercel\n.vercel\n\n# typescript\n*.tsbuildinfo\nnext-env.d.ts\n" }, { "path": "LICENSE", "content": "MIT License\n\nCopyright (c) 2025 Avneesh Agarwal\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n" }, { "path": "README.md", "content": "

Portfolio

\n

\n \n \"License:\n \n \n \"X:\n \n

\n\nA minimalistic SEO-friendly portfolio template built with Next.js and Tailwind CSS. Feel Free to fork it, update your details, and use it.\n\n![Portfolio Preview](https://avneesh.tech/about.png)\n\n## Links\n\n- [Live Demo](https://www.avneesh.tech/)\n- [Source Code](https://github.com/avneesh0612/portfolio)\n\n## Developer\n\n**Avneesh Agarwal**\n\n- Website: [avneesh.tech](https://www.avneesh.tech/)\n- GitHub: [@avneesh0612](https://github.com/avneesh0612)\n- X: [@avneesh0612](https://X.com/avneesh0612)\n- LinkedIn: [@avneesh0612](https://linkedin.com/in/avneesh0612)\n- Warpcast: [@avneesh0612](https://warpcast.com/avneesh)\n\n## License\n\n[MIT](https://github.com/avneesh0612/portfolio/blob/main/LICENSE) © 2025 Avneesh Agarwal\n" }, { "path": "eslint.config.mjs", "content": "import { dirname } from \"path\";\nimport { fileURLToPath } from \"url\";\nimport { FlatCompat } from \"@eslint/eslintrc\";\n\nconst __filename = fileURLToPath(import.meta.url);\nconst __dirname = dirname(__filename);\n\nconst compat = new FlatCompat({\n baseDirectory: __dirname,\n});\n\nconst eslintConfig = [\n ...compat.extends(\"next/core-web-vitals\", \"next/typescript\"),\n];\n\nexport default eslintConfig;\n" }, { "path": "next.config.ts", "content": "import type { NextConfig } from \"next\";\n\nconst nextConfig: NextConfig = {\n /* config options here */\n};\n\nexport default nextConfig;\n" }, { "path": "package.json", "content": "{\n \"name\": \"portfolio\",\n \"version\": \"0.1.0\",\n \"private\": true,\n \"scripts\": {\n \"dev\": \"next dev --turbopack\",\n \"build\": \"next build\",\n \"start\": \"next start\",\n \"lint\": \"next lint\"\n },\n \"dependencies\": {\n \"framer-motion\": \"^12.5.0\",\n \"lucide-react\": \"^0.483.0\",\n \"next\": \"15.2.3\",\n \"react\": \"^19.0.0\",\n \"react-dom\": \"^19.0.0\",\n \"react-rough-notation\": \"^1.0.5\",\n \"react-scroll\": \"^1.9.3\",\n \"schema-dts\": \"^1.1.5\"\n },\n \"devDependencies\": {\n \"@eslint/eslintrc\": \"^3.3.0\",\n \"@tailwindcss/postcss\": \"^4.0.14\",\n \"@types/node\": \"^20.17.24\",\n \"@types/react\": \"^19.0.11\",\n \"@types/react-dom\": \"^19.0.4\",\n \"@types/react-scroll\": \"^1.8.10\",\n \"eslint\": \"^9.22.0\",\n \"eslint-config-next\": \"15.2.3\",\n \"tailwindcss\": \"^4.0.14\",\n \"typescript\": \"^5.8.2\"\n }\n}\n" }, { "path": "postcss.config.mjs", "content": "const config = {\n plugins: [\"@tailwindcss/postcss\"],\n};\n\nexport default config;\n" }, { "path": "public/robots.txt", "content": "User-agent: *\nDisallow:" }, { "path": "public/rss.xml", "content": "\n\n \n Avneesh Agarwal\n https://avneesh.tech/\n Hey, I'm Avneesh Agarwal — a developer based in India, passionate about\n building powerful dev tools, contributing to open source, and sharing my learnings\n through writing. Currently, I'm the CTO at Orcas, where we're reshaping equity\n crowdfunding for startups. I've worked across multiple startups as a developer relations\n engineer, full-stack developer, and technical writer, helping teams build, scale, and\n engage with developer communities. When I'm not coding, you'll find me experimenting\n with side projects, writing articles, or diving into something completely random—just\n for the fun of it. Oh, and I'm also a sports enthusiast (fitness freak + nerd combo :p).\n Thurs, 20 Mar 2025 12:00:00 GMT\n https://validator.w3.org/feed/docs/rss2.html\n https://github.com/jpmonette/feed\n en\n \n Avneesh Agarwal\n https://avneesh.tech/about.png\n https://avneesh.tech/\n \n All rights reserved, Avneesh Agarwal\n Technology\n Programming\n Web Development\n Web3 development\n Blogger\n Avneesh Agarwal\n \n" }, { "path": "public/sitemap.xml", "content": "\n\n \n https://avneesh.tech/\n 2025-03-20\n 1.0\n \n" }, { "path": "src/app/globals.css", "content": "@import \"tailwindcss\";\n@config \"../../tailwind.config.ts\";\n\n:root {\n --background: theme(\"colors.background.light\");\n --foreground: theme(\"colors.foreground.light\");\n --icon-color: theme(\"colors.neutral.900\");\n --primary: theme(\"colors.primary.DEFAULT\");\n --primary-hover: theme(\"colors.primary.hover\");\n --accent-first: theme(\"colors.accent.first\");\n --accent-second: theme(\"colors.accent.second\");\n --accent-third: theme(\"colors.accent.third\");\n}\n\n:root.dark {\n --background: theme(\"colors.background.dark\");\n --foreground: theme(\"colors.foreground.dark\");\n --icon-color: theme(\"colors.neutral.100\");\n}\n\n@theme inline {\n --color-background: var(--background);\n --color-foreground: var(--foreground);\n --font-sans: var(--font-geist-sans);\n --font-mono: var(--font-geist-mono);\n}\n\nbody {\n background: var(--background);\n color: var(--foreground);\n transition: background-color 0.3s ease, color 0.3s ease;\n}\n\n@font-face {\n font-family: \"Geomanist\";\n src: url(\"/fonts/Geomanist-Regular.otf\") format(\"opentype\");\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Geomanist\";\n src: url(\"/fonts/Geomanist-Regular-Italic.otf\") format(\"opentype\");\n font-weight: 400;\n font-style: italic;\n font-display: swap;\n}\n" }, { "path": "src/app/layout.tsx", "content": "import { Footer, Header } from \"@/components\";\nimport { ThemeProvider } from \"@/components/theme-provider\";\nimport { personalData } from \"@/data\";\nimport type { Metadata, Viewport } from \"next\";\nimport \"./globals.css\";\n\nexport const viewport: Viewport = {\n themeColor: \"#0A0A0A\",\n width: \"device-width\",\n initialScale: 1,\n maximumScale: 5,\n};\n\nexport const metadata: Metadata = {\n metadataBase: new URL(personalData.site),\n title: {\n template: `%s | ${personalData.name}`,\n default: `${personalData.name} | ${personalData.designation}`,\n },\n description: personalData.metaDescription,\n authors: [{ name: personalData.name, url: personalData.site }],\n keywords: personalData.keywords,\n referrer: \"no-referrer-when-downgrade\",\n alternates: {\n canonical: personalData.site,\n languages: {\n \"en-US\": personalData.site,\n },\n },\n openGraph: {\n title: `${personalData.name} | ${personalData.designation}`,\n description: personalData.metaDescription,\n url: personalData.site,\n siteName: personalData.name,\n images: [\n {\n url: \"/about.png\",\n width: 1200,\n height: 630,\n alt: `${personalData.name} - ${personalData.designation}`,\n },\n ],\n type: \"website\",\n locale: \"en-US\",\n },\n twitter: {\n card: \"summary_large_image\",\n title: `${personalData.name} | ${personalData.designation}`,\n description: personalData.metaDescription,\n creator: `@${personalData.x}`,\n images: [\"/about.png\"],\n },\n icons: {\n icon: \"/favicon.ico\",\n apple: \"/apple-touch-icon.png\",\n shortcut: \"/favicon.ico\",\n },\n manifest: \"/site.webmanifest\",\n robots: {\n index: true,\n follow: true,\n nocache: true,\n googleBot: {\n index: true,\n follow: true,\n nocache: true,\n \"max-snippet\": -1,\n \"max-image-preview\": \"large\",\n \"max-video-preview\": -1,\n },\n },\n category: \"website\",\n};\n\nexport default function RootLayout({\n children,\n}: Readonly<{\n children: React.ReactNode;\n}>) {\n return (\n \n \n \n
\n {children}\n
\n \n \n \n );\n}\n" }, { "path": "src/app/page.tsx", "content": "import { Hero, Main } from \"@/components\";\nimport { personalData, socialLinks } from \"@/data\";\nimport getUserDataAndPosts from \"@/utils/getPosts\";\nimport { WebSite, WithContext } from \"schema-dts\";\n\nasync function getPosts() {\n const Posts = await getUserDataAndPosts(\"avneesh0612\");\n return Posts;\n}\n\nconst jsonLd: WithContext = {\n \"@context\": \"https://schema.org\",\n \"@type\": \"WebSite\",\n name: personalData.name,\n url: personalData.site,\n description: personalData.shorterDesc,\n image: `${personalData.site}/about.png`,\n author: {\n \"@type\": \"Person\",\n name: personalData.name,\n url: personalData.site,\n },\n sameAs: socialLinks.map((link) => link.link),\n potentialAction: {\n \"@type\": \"SearchAction\",\n target: `${personalData.site}/search?q={search_term_string}`,\n },\n mainEntityOfPage: {\n \"@type\": \"WebPage\",\n \"@id\": personalData.site,\n },\n};\n\nexport default async function Home() {\n const posts = await getPosts();\n\n return (\n
\n \n \n
\n
\n );\n}\n" }, { "path": "src/components/Blog.tsx", "content": "import { personalData } from \"@/data\";\nimport { PostType } from \"@/types/PostType\";\nimport type { FC } from \"react\";\n\ninterface PostsType {\n posts: PostType[];\n}\n\nexport const Blog: FC = ({ posts }) => {\n return (\n
\n

\n Latest Blog Posts\n

\n
\n {posts.map((post) => (\n \n \n

\n {post.data.post.title}\n \n ({post.data.post.readTimeInMinutes} min read)\n \n

\n

\n {post.data.post.brief}\n

\n
\n \n ❤️\n {post.data.post.reactionCount}\n \n \n 💬\n {post.data.post.replyCount + post.data.post.responseCount}\n \n
\n \n \n ))}\n
\n
\n );\n};\n" }, { "path": "src/components/Contact.tsx", "content": "import { socialLinks } from \"@/data\";\nimport type { FC } from \"react\";\n\nexport const Contact: FC = () => {\n return (\n \n \n Get in Touch\n \n\n \n {socialLinks.map(({ link, Icon, name }, index) => (\n \n \n \n ))}\n \n \n );\n};\n" }, { "path": "src/components/Footer.tsx", "content": "import { personalData } from \"@/data\";\nimport type { FC } from \"react\";\n\nexport const Footer: FC = () => {\n const currentYear = new Date().getFullYear();\n\n return (\n \n

\n © {currentYear} {personalData.name}. All rights reserved.\n

\n
\n );\n};\n" }, { "path": "src/components/Header.tsx", "content": "\"use client\";\n\nimport { navLinks } from \"@/data\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { MenuIcon, X } from \"lucide-react\";\nimport { FC, useState } from \"react\";\nimport { Link } from \"react-scroll\";\nimport Logo from \"./Icons/Logo\";\nimport { ThemeToggle } from \"./theme-toggle\";\n\nexport const Header: FC = () => {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n\n return (\n
\n \n \n \n\n {/* Desktop Navigation */}\n \n\n {/* Mobile Navigation Button */}\n
\n \n setIsMenuOpen(!isMenuOpen)}\n aria-label=\"Toggle menu\"\n aria-expanded={isMenuOpen}\n whileTap={{ scale: 0.95 }}\n >\n {isMenuOpen ? (\n \n ) : (\n \n )}\n \n
\n\n {/* Mobile Navigation Menu */}\n \n {isMenuOpen && (\n \n {navLinks.map((link, index) => (\n \n setIsMenuOpen(false)}\n to={link.href.replace(\"#\", \"\")}\n spy={true}\n smooth={true}\n offset={-70}\n duration={500}\n onSetActive={() => setIsMenuOpen(false)}\n onSetInactive={() => setIsMenuOpen(false)}\n >\n {link.label}\n \n \n ))}\n \n )}\n \n
\n );\n};\n" }, { "path": "src/components/Hero.tsx", "content": "import { personalData } from \"@/data\";\nimport Image from \"next/image\";\nimport type { FC } from \"react\";\nimport { RoughNotation, RoughNotationGroup } from \"react-rough-notation\";\nimport { Download } from \"lucide-react\";\n\nexport const Hero: FC = () => {\n return (\n \n
\n \n
\n

\n Hey, I'm{\" \"}\n \n {personalData.name}\n \n

\n

\n — a high school student and developer based in India, passionate\n about building powerful dev tools, contributing to open source,\n and sharing my learnings through writing. Currently, I'm the{\" \"}\n \n CTO at Orcas\n \n , where we're reshaping equity crowdfunding for startups.\n I've worked across multiple startups as a{\" \"}\n \n developer relations engineer, full-stack developer, and\n technical writer\n \n , helping teams build, scale, and engage with developer\n communities. When I'm not coding, you'll find me\n experimenting with side projects, writing articles, or diving into\n something completely random—just for the fun of it. Oh, and\n I'm also a sports enthusiast{\" \"}\n \n fitness freak + nerd :p.\n {\" \"}\n Got a startup that needs someone like me?{\" \"}\n \n \n Let's talk!\n \n \n

\n
\n \n\n
\n \n \n Download CV\n \n
\n
\n\n \n \n );\n};\n" }, { "path": "src/components/Icons/CrossIcon.tsx", "content": "import React from \"react\";\n\nexport const CrossIcon: React.FC> = (props) => (\n \n \n \n);\n" }, { "path": "src/components/Icons/FarcasterIcon.tsx", "content": "import React from \"react\";\n\nexport const FarcasterIcon: React.FC> = (\n props\n) => (\n \n \n \n \n \n);\n" }, { "path": "src/components/Icons/GithubIcon.tsx", "content": "import React from \"react\";\n\nexport const GithubIcon: React.FC> = (props) => (\n \n \n \n \n \n \n \n \n \n \n);\n" }, { "path": "src/components/Icons/LinkedInIcon.tsx", "content": "import React from \"react\";\n\nexport const LinkedInIcon: React.FC> = (\n props\n) => (\n \n \n \n);\n" }, { "path": "src/components/Icons/Logo.tsx", "content": "import React from \"react\";\n\nconst Logo: React.FC> = (props) => (\n \n \n \n);\n\nexport default Logo;\n" }, { "path": "src/components/Icons/MailIcon.tsx", "content": "import React from \"react\";\n\nexport const MailIcon: React.FC> = (props) => (\n \n \n \n \n);\n" }, { "path": "src/components/Icons/MenuIcon.tsx", "content": "import React from \"react\";\n\nexport const MenuIcon: React.FC> = (props) => (\n \n \n \n \n \n);\n" }, { "path": "src/components/Icons/VisitIcon.tsx", "content": "import React from \"react\";\n\nexport const VisitIcon: React.FC> = (props) => (\n \n \n \n \n \n);\n" }, { "path": "src/components/Icons/XIcon.tsx", "content": "import React from \"react\";\n\nexport const XIcon: React.FC> = (props) => (\n \n \n \n);\n" }, { "path": "src/components/Icons/index.ts", "content": "export { GithubIcon } from \"./GithubIcon\";\nexport { VisitIcon } from \"./VisitIcon\";\nexport { MailIcon } from \"./MailIcon\";\nexport { FarcasterIcon } from \"./FarcasterIcon\";\nexport { XIcon } from \"./XIcon\";\nexport { LinkedInIcon } from \"./LinkedInIcon\";\n" }, { "path": "src/components/Main.tsx", "content": "\"use client\";\n\nimport { Contact, Projects, Work } from \"@/components\";\nimport { motion } from \"framer-motion\";\nimport type { FC } from \"react\";\nimport { Blog } from \"./Blog\";\nimport { PostType } from \"@/types/PostType\";\n\ninterface MainProps {\n posts: PostType[];\n}\n\nexport const Main: FC = ({ posts }) => {\n return (\n <>\n \n \n \n\n \n \n \n\n \n \n \n\n \n \n );\n};\n" }, { "path": "src/components/Projects.tsx", "content": "import { projects } from \"@/data\";\nimport type { FC } from \"react\";\nimport { GithubIcon, VisitIcon } from \"./Icons\";\n\nexport const Projects: FC = () => {\n return (\n
\n

Projects

\n
\n {projects.map((project, index) => (\n \n
\n

\n {project.title}\n

\n \n {project.timeline}\n \n
\n

\n {project.description}\n

\n
\n \n Live{\" \"}\n \n \n \n GitHub{\" \"}\n \n \n
\n
\n ))}\n \n
\n );\n};\n" }, { "path": "src/components/Work.tsx", "content": "import { work } from \"@/data\";\nimport type { FC } from \"react\";\n\nexport const Work: FC = () => {\n return (\n
\n

\n Work Experience\n

\n
\n {work.map((item, index) => (\n \n
\n

\n {item.title}\n

\n \n {item.timeline}\n \n
\n

{item.role}

\n

\n {item.description}\n

\n \n ))}\n
\n
\n );\n};\n" }, { "path": "src/components/index.ts", "content": "export { Contact } from \"./Contact\";\nexport { Footer } from \"./Footer\";\nexport { Header } from \"./Header\";\nexport { Hero } from \"./Hero\";\nexport { Projects } from \"./Projects\";\nexport { Work } from \"./Work\";\nexport { Main } from \"./Main\";\n" }, { "path": "src/components/theme-provider.tsx", "content": "\"use client\";\n\nimport { createContext, useContext, useEffect, useState } from \"react\";\n\ntype Theme = \"dark\" | \"light\";\n\ntype ThemeProviderProps = {\n children: React.ReactNode;\n};\n\ntype ThemeProviderState = {\n theme: Theme;\n setTheme: (theme: Theme) => void;\n};\n\nconst initialState: ThemeProviderState = {\n theme: \"dark\",\n setTheme: () => null,\n};\n\nconst ThemeProviderContext = createContext(initialState);\n\nexport function ThemeProvider({ children }: ThemeProviderProps) {\n const [theme, setTheme] = useState(\"dark\");\n\n useEffect(() => {\n // Check for saved theme preference\n const savedTheme = localStorage.getItem(\"theme\") as Theme | null;\n\n // Check system preference\n const systemTheme = window.matchMedia(\"(prefers-color-scheme: dark)\")\n .matches\n ? \"dark\"\n : \"light\";\n\n // Use saved theme if it exists, otherwise use system preference\n const initialTheme = savedTheme || systemTheme;\n setTheme(initialTheme);\n\n // Listen for system theme changes\n const mediaQuery = window.matchMedia(\"(prefers-color-scheme: dark)\");\n const handleChange = (e: MediaQueryListEvent) => {\n // Only update if there's no saved preference\n if (!localStorage.getItem(\"theme\")) {\n setTheme(e.matches ? \"dark\" : \"light\");\n }\n };\n\n mediaQuery.addEventListener(\"change\", handleChange);\n\n return () => {\n mediaQuery.removeEventListener(\"change\", handleChange);\n };\n }, []);\n\n useEffect(() => {\n const root = window.document.documentElement;\n root.classList.remove(\"light\", \"dark\");\n root.classList.add(theme);\n }, [theme]);\n\n const value = {\n theme,\n setTheme: (theme: Theme) => {\n localStorage.setItem(\"theme\", theme);\n setTheme(theme);\n },\n };\n\n return (\n \n {children}\n \n );\n}\n\nexport const useTheme = () => {\n const context = useContext(ThemeProviderContext);\n\n if (context === undefined)\n throw new Error(\"useTheme must be used within a ThemeProvider\");\n\n return context;\n};\n" }, { "path": "src/components/theme-toggle.tsx", "content": "\"use client\";\n\nimport { useTheme } from \"./theme-provider\";\nimport { Moon, Sun } from \"lucide-react\";\nimport { useEffect, useState } from \"react\";\n\nexport function ThemeToggle() {\n const { theme, setTheme } = useTheme();\n const [mounted, setMounted] = useState(false);\n \n // Avoid hydration mismatch by ensuring component only renders after mounting\n useEffect(() => setMounted(true), []);\n \n if (!mounted) return null;\n \n const isCurrentlyDark = theme === \"dark\";\n const label = isCurrentlyDark ? \"Switch to light mode\" : \"Switch to dark mode\";\n\n return (\n
\n setTheme(isCurrentlyDark ? \"light\" : \"dark\")}\n className=\"relative rounded-md p-2 hover:bg-neutral-100 dark:hover:bg-neutral-800 flex items-center justify-center cursor-pointer focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 dark:focus:ring-offset-background-dark transition-all duration-200\"\n aria-label={label}\n title={label}\n role=\"switch\"\n aria-checked={isCurrentlyDark}\n >\n
\n \n \n
\n {label}\n \n
\n );\n}\n" }, { "path": "src/data/index.ts", "content": "export { work } from \"./work\";\nexport { projects } from \"./projects\";\nexport { socialLinks } from \"./social\";\nexport { navLinks } from \"./nav\";\nexport { personalData } from \"./personal\";\n" }, { "path": "src/data/nav.ts", "content": "export const navLinks = [\n { href: \"#home\", label: \"Home\" },\n { href: \"#work\", label: \"Work\" },\n { href: \"#projects\", label: \"Projects\" },\n { href: \"#blog\", label: \"Blog\" },\n { href: \"#contact\", label: \"Contact\" },\n];\n" }, { "path": "src/data/personal.ts", "content": "export const personalData = {\n name: \"Avneesh Agarwal\",\n designation: \"Full Stack Web3 Developer\",\n metaDescription:\n \"Avneesh Agarwal - Full Stack Web3 Developer & CTO at Orcas. Expert in React, TypeScript, and developer tools. Explore my projects, articles, and open source contributions.\",\n about:\n \"Hey, I'm Avneesh Agarwal — a developer based in India, passionate about building powerful dev tools, contributing to open source, and sharing my learnings through writing. Currently, I'm the CTO at Orcas, where we're reshaping equity crowdfunding for startups. I've worked across multiple startups as a developer relations engineer, full-stack developer, and technical writer, helping teams build, scale, and engage with developer communities. When I'm not coding, you'll find me experimenting with side projects, writing articles, or diving into something completely random—just for the fun of it. Oh, and I'm also a sports enthusiast (fitness freak + nerd combo :p).\",\n shorterDesc:\n \"Full stack web3 developer and technical writer contributing to open source projects and teaching others, while building side projects every now and then.\",\n site: \"https://avneesh.tech\",\n email: \"hi@avneesh.tech\",\n x: \"avneesh0612\",\n keywords: [\n \"software engineer\",\n \"full-stack developer\",\n \"Web3 developer\",\n \"technical writer\",\n \"developer relations\",\n \"CTO\",\n \"open source contributor\",\n \"React developer\",\n \"TypeScript\",\n \"JavaScript\",\n \"startup technology\",\n \"developer tools\",\n \"equity crowdfunding\",\n \"India tech\",\n \"tech blogger\",\n \"Avneesh Agarwal\",\n ],\n blog: \"https://blog.avneesh.tech\",\n};\n" }, { "path": "src/data/projects.ts", "content": "export const projects = [\n {\n title: \"Chessmates\",\n description:\n \"A team-based chess game where players vote on moves. The most popular choice determines the play, with points awarded for winning moves. Won three prizes at the ETH Global Frames Hackathon.\",\n timeline: \"Mar 2024\",\n url: \"https://ethglobal.com/showcase/chessmates-qt6d3\",\n github: \"https://github.com/avneesh0612/Chessmates\",\n },\n {\n title: \"tldrbot\",\n description:\n \"A Discord bot that summarizes conversations with a simple command. Recognized as 'Product of the Day' on Product Hunt and integrated into 100+ servers within the first week.\",\n timeline: \"Feb 2023\",\n url: \"https://www.producthunt.com/products/tldrbot#tldrbot\",\n github: \"https://github.com/avneesh0612/tldr-bot\",\n },\n {\n title: \"Snipli\",\n description: \"Convert your local files into a gist in just a snap\",\n timeline: \"May 2022\",\n url: \"https://www.producthunt.com/products/snipli#snipli\",\n github: \"https://github.com/0xMukesh/snipli\",\n },\n {\n title: \"React and Next.js Snippets\",\n description:\n \"A VSCode extension that eliminates repetitive boilerplate code. Awarded 'Product of the Day' on Product Hunt and currently serves over 24,000 users.\",\n timeline: \"Feb 2022\",\n url: \"https://www.producthunt.com/products/react-and-next-js-snippets#react-and-next-js-snippets\",\n github: \"https://github.com/avneesh0612/react-nextjs-snippets\",\n },\n];\n" }, { "path": "src/data/social.tsx", "content": "import {\n FarcasterIcon,\n GithubIcon,\n LinkedInIcon,\n MailIcon,\n XIcon,\n} from \"@/components/Icons\";\nimport { personalData } from \"./personal\";\n\nexport const socialLinks = [\n {\n name: \"GitHub\",\n Icon: GithubIcon,\n link: \"https://github.com/avneesh0612\",\n },\n {\n name: \"X\",\n Icon: XIcon,\n link: \"https://x.com/avneesh0612\",\n },\n {\n name: \"Farcaster\",\n Icon: FarcasterIcon,\n link: \"https://warpcast.com/avneesh\",\n },\n {\n name: \"Mail me\",\n Icon: MailIcon,\n link: `mailto:${personalData.email}`,\n },\n {\n name: \"LinkedIn\",\n Icon: LinkedInIcon,\n link: \"https://www.linkedin.com/in/avneesh0612/\",\n },\n];\n" }, { "path": "src/data/work.ts", "content": "export const work = [\n {\n title: \"Orcas\",\n role: \"CTO\",\n description:\n \"Leading the development of a crowdfunding equity platform for startups.\",\n timeline: \"Oct 2024 - Present\",\n url: \"https://orcas.com\",\n },\n {\n title: \"Neynar\",\n role: \"Developer Relations Engineer\",\n description:\n \"Managed product documentation, wrote guides, and published case studies to enhance the developer experience.\",\n timeline: \"Apr 2024 - Nov 2024\",\n url: \"https://neynar.com\",\n },\n {\n title: \"thirdweb\",\n role: \"Developer Relations Engineer\",\n description:\n \"Published 60+ guides, created templates, mentored developers at hackathons, and collaborated across departments.\",\n timeline: \"Apr 2022 - Feb 2024\",\n url: \"https://thirdweb.com\",\n },\n {\n title: \"Yoke (NIL CLUB)\",\n role: \"Full Stack Engineer\",\n description:\n \"Built a web3 payment system, developed the front end for NIL clubs, and refactored JavaScript codebase to TypeScript.\",\n timeline: \"Jan 2022 - Sep 2022\",\n url: \"https://nilclub.com\",\n },\n {\n title: \"Freelancer\",\n role: \"Technical Writer & Full Stack Developer\",\n description:\n \"Created technical content for Logrocket, Medusa, and Pointer. Worked on projects like Candypay, Tinydancer, and Cubik.\",\n timeline: \"Jan 2022 - Present\",\n url: \"\",\n },\n];\n" }, { "path": "src/types/PostType.ts", "content": "export interface PostType {\n data: {\n post: {\n _id: string;\n title: string;\n content: string;\n brief: string;\n totalReactions: number;\n replyCount: number;\n responseCount: number;\n coverImage: { url: string };\n slug: string;\n popularity: number;\n reactionCount: number;\n readTimeInMinutes: number;\n };\n };\n}\n" }, { "path": "src/utils/getPosts.ts", "content": "const getUserDataAndPosts = async (username: string) => {\n const ids = [];\n\n const userDataQuery = `\n {\n user(username:\"${username}\"){\n username,\n posts(pageSize:3,page:1,filter:{publications:[\"60d17a93a6a3a25dadf6268d\"]}) {\n edges {\n node {\n id\n }\n }\n }\n }\n}\n `;\n\n const userDataRes = await fetch(\"https://gql.hashnode.com/\", {\n method: \"POST\",\n headers: {\n \"Content-type\": \"application/json\",\n },\n body: JSON.stringify({ query: userDataQuery }),\n });\n\n const userData = await userDataRes.json();\n const edges = userData.data.user.posts.edges;\n for (let i = 0; i < edges.length; i++) {\n ids.push(edges[i].node.id);\n }\n\n const posts = await Promise.all(\n ids.map(async (id) => {\n const postQuery = `\n {\n post(id: \"${id}\") {\n id\n title\n title\n brief\n slug\n reactionCount\n replyCount\n responseCount\n brief\n coverImage{\n url\n }\n readTimeInMinutes\n }\n}\n `;\n\n const postRes = await fetch(\"https://gql.hashnode.com/\", {\n method: \"POST\",\n headers: {\n \"Content-type\": \"application/json\",\n },\n body: JSON.stringify({ query: postQuery }),\n });\n\n const postData = await postRes.json();\n return postData;\n })\n );\n\n return posts;\n};\n\nexport default getUserDataAndPosts;\n" }, { "path": "tailwind.config.ts", "content": "import type { Config } from \"tailwindcss\";\nimport defaultTheme from \"tailwindcss/defaultTheme\";\n\nexport default {\n content: [\n \"./src/pages/**/*.{js,ts,jsx,tsx,mdx}\",\n \"./src/components/**/*.{js,ts,jsx,tsx,mdx}\",\n \"./src/app/**/*.{js,ts,jsx,tsx,mdx}\",\n ],\n darkMode: \"selector\",\n theme: {\n extend: {\n fontFamily: {\n geomanist: [\"Geomanist\", ...defaultTheme.fontFamily.sans],\n },\n colors: {\n primary: {\n DEFAULT: \"#3B82F6\",\n hover: \"#2563EB\",\n },\n accent: {\n first: \"#F59E0B\",\n second: \"#10B981\",\n third: \"#EC4899\",\n },\n background: {\n light: \"#fafafa\",\n dark: \"#0a0a0a\",\n },\n foreground: {\n light: \"#0a0a0a\",\n dark: \"#ededed\",\n },\n neutral: {\n 100: \"#f5f5f5\",\n 200: \"#e5e5e5\",\n 300: \"#d4d4d4\",\n 400: \"#a3a3a3\",\n 500: \"#737373\",\n 600: \"#525252\",\n 700: \"#404040\",\n 800: \"#262626\",\n 900: \"#171717\",\n },\n },\n },\n },\n plugins: [],\n} satisfies Config;\n" }, { "path": "tsconfig.json", "content": "{\n \"compilerOptions\": {\n \"target\": \"ES2017\",\n \"lib\": [\"dom\", \"dom.iterable\", \"esnext\"],\n \"allowJs\": true,\n \"skipLibCheck\": true,\n \"strict\": true,\n \"noEmit\": true,\n \"esModuleInterop\": true,\n \"module\": \"esnext\",\n \"moduleResolution\": \"bundler\",\n \"resolveJsonModule\": true,\n \"isolatedModules\": true,\n \"jsx\": \"preserve\",\n \"incremental\": true,\n \"plugins\": [\n {\n \"name\": \"next\"\n }\n ],\n \"paths\": {\n \"@/*\": [\"./src/*\"]\n }\n },\n \"include\": [\"next-env.d.ts\", \"**/*.ts\", \"**/*.tsx\", \".next/types/**/*.ts\"],\n \"exclude\": [\"node_modules\"]\n}\n" } ]