Personal Portfolio

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_210":211,"_212":213},"routes/_app.x.$handle.$name",{"_94":93,"_31":43,"_102":84,"_26":103,"_13":14,"_104":-5,"_11":105,"_106":107,"_108":109,"_110":111,"_112":113,"_20":-5,"_114":-5,"_115":-5,"_116":24,"_117":118,"_119":24,"_120":-5,"_121":-5,"_122":123},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_41":42,"_31":43,"_36":44,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":-5,"_51":-5,"_18":52,"_53":54,"_55":56,"_57":56,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":77,"_78":79,"_80":81,"_82":24},"version",5,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":20,"_34":35,"_36":37,"_38":14,"_39":40,"_23":24},"previous","deleted",false,"deletedHere","path","frontend/style.css","latestPath","fileId","5cbacc7a-3fb1-11f0-bed5-76b3cceeab13","name","style.css","fileType","content","/* Custom styles for the portfolio */\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nhtml {\n scroll-behavior: smooth;\n}\n\nbody {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.6;\n}\n\n/* Smooth animations */\n.fade-in {\n animation: fadeIn 0.6s ease-in-out;\n}\n\n@keyframes fadeIn {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.slide-in-left {\n animation: slideInLeft 0.8s ease-out;\n}\n\n@keyframes slideInLeft {\n from {\n opacity: 0;\n transform: translateX(-50px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n.slide-in-right {\n animation: slideInRight 0.8s ease-out;\n}\n\n@keyframes slideInRight {\n from {\n opacity: 0;\n transform: translateX(50px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n/* Custom gradient backgrounds */\n.gradient-bg {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n}\n\n.gradient-text {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n\n/* Hover effects */\n.hover-lift {\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.hover-lift:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\n}\n\n/* Custom scrollbar */\n::-webkit-scrollbar {\n width: 8px;\n}\n\n::-webkit-scrollbar-track {\n background: #f1f1f1;\n}\n\n::-webkit-scrollbar-thumb {\n background: #888;\n border-radius: 4px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: #555;\n}","createdAt",["D",1748869144589],"branchVersion","branchId","eb0b8b64-3fb0-11f0-8dcb-76b3cceeab13","id","eb0ab658-3fb0-11f0-8dcb-76b3cceeab13","untitled-8262",["D",1748868953860],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","15954990-3fae-11f0-b6e9-ab0b2f88b858","pinnedFileId","8c8bdb24-3fb1-11f0-ab95-76b3cceeab13","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","91ac3beb-bd72-42c7-8488-ccdc01b752ee","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_94":93,"_101":97},"org",{"_94":93,"_95":-5,"_96":97,"_18":52,"_98":99,"_100":24},"branch",{"_13":83,"_31":84,"_41":40,"_85":42,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":43,"_92":93},"isOwned",9,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","emmysmat","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yeHg3OWF3Qm5LdEdjVXFUUWIwR3hPbUNOV3AifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_41":42,"_31":43,"_36":206,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":-5,"_51":-5,"_18":52,"_53":54,"_55":56,"_57":56,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":207,"_78":208,"_80":209,"_82":24},"tree",[168,171,173,174],"files",[168,169,170,171,172,173,174],"counts",{"_158":60,"_159":132,"_160":60,"_161":162,"_163":164},"contents",[124,125,126,127],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_41":152,"_31":153,"_29":154,"_131":-5,"_39":40,"_38":155,"_133":56,"_36":156,"_13":60,"_33":150,"_34":-5,"_23":24,"_136":-5,"_26":157},{"_41":145,"_31":146,"_29":147,"_131":-5,"_39":40,"_38":148,"_133":56,"_36":149,"_13":60,"_33":150,"_34":-5,"_23":24,"_136":-5,"_26":151},{"_41":138,"_31":139,"_29":140,"_131":-5,"_39":40,"_38":141,"_133":56,"_36":142,"_13":60,"_33":20,"_34":143,"_23":24,"_136":-5,"_26":144},{"_41":128,"_31":129,"_29":130,"_131":-5,"_39":40,"_38":132,"_133":56,"_36":134,"_13":60,"_33":135,"_34":103,"_23":24,"_136":-5,"_26":137},"eb0d8784-3fb0-11f0-8dcb-76b3cceeab13","main.tsx","eb0d8946-3fb0-11f0-8dcb-76b3cceeab13","parentId",1,"latest",["D",1748868953875],"script","label",[129],"4e97e902-3fb1-11f0-bb17-76b3cceeab13","README.md","4e97e9ac-3fb1-11f0-bb17-76b3cceeab13",2,["D",1748869120875],"# Personal Portfolio Website\n\nA modern, responsive personal portfolio built with React, TypeScript, and TailwindCSS on Val Town.\n\n## Features\n\n- 📱 Fully responsive design\n- 🎨 Modern UI with smooth animations\n- 📧 Contact form integration\n- 🚀 Fast loading and optimized\n- 🎯 Clean, professional layout\n\n## Structure\n\n```\n├── backend/\n│ └── index.ts # Hono server for serving static files\n├── frontend/\n│ ├── components/\n│ │ └── App.tsx # Main portfolio component\n│ ├── index.html # HTML template\n│ ├── index.tsx # React entry point\n│ └── style.css # Custom styles\n└── shared/\n └── types.ts # Shared TypeScript types\n```\n\n## Customization\n\nEdit the portfolio data in `frontend/components/App.tsx` to personalize:\n- Personal information and bio\n- Skills and technologies\n- Project showcase\n- Contact information\n- Social media links\n\n## Deployment\n\nThis portfolio is automatically deployed on Val Town. The backend serves the frontend files and handles any API requests.",[139],"51b95044-3fb1-11f0-bb17-76b3cceeab13","shared","fa7abc47-d47b-4466-aa36-8b76f3e67e7b",3,["D",1748869126125],"directory",[146],"55cad7de-3fb1-11f0-9267-76b3cceeab13","frontend","c18046f7-bf26-4702-b996-c722992d46ca",4,["D",1748869132951],[153],"pulls","branches","forks","envVars",{"_165":60,"_167":60},"connections",{"_165":60,"_166":60},"count","unfilledCount","emptyCount",{"_41":152,"_31":153,"_29":154,"_131":-5,"_39":40,"_38":155,"_133":56,"_36":203,"_13":60,"_33":150,"_34":-5,"_23":24,"_136":-5,"_176":204,"_26":205},{"_41":196,"_31":197,"_29":198,"_131":154,"_39":40,"_38":155,"_133":56,"_36":199,"_13":60,"_33":20,"_34":200,"_23":24,"_136":-5,"_176":201,"_26":202},{"_41":192,"_31":32,"_29":30,"_131":154,"_39":40,"_38":14,"_133":56,"_36":193,"_13":60,"_33":20,"_34":35,"_23":24,"_136":-5,"_176":194,"_26":195},{"_41":145,"_31":146,"_29":147,"_131":-5,"_39":40,"_38":148,"_133":56,"_36":189,"_13":60,"_33":150,"_34":-5,"_23":24,"_136":-5,"_176":190,"_26":191},{"_41":182,"_31":183,"_29":184,"_131":147,"_39":40,"_38":148,"_133":56,"_36":185,"_13":60,"_33":135,"_34":186,"_23":24,"_136":-5,"_176":187,"_26":188},{"_41":138,"_31":139,"_29":140,"_131":-5,"_39":40,"_38":141,"_133":56,"_36":179,"_13":60,"_33":20,"_34":143,"_23":24,"_136":-5,"_176":180,"_26":181},{"_41":128,"_31":129,"_29":130,"_131":-5,"_39":40,"_38":132,"_133":56,"_36":175,"_13":60,"_33":135,"_34":103,"_23":24,"_136":-5,"_176":177,"_26":178},["D",1748868953875],"children",[],[129],["D",1748869120875],[],[139],"51b94aea-3fb1-11f0-bb17-76b3cceeab13","types.ts","51b94bb2-3fb1-11f0-bb17-76b3cceeab13",["D",1748869126125],"// Shared types for the portfolio\n\nexport interface Project {\n id: string;\n title: string;\n description: string;\n technologies: string[];\n githubUrl?: string;\n liveUrl?: string;\n imageUrl?: string;\n}\n\nexport interface Skill {\n name: string;\n level: 'Beginner' | 'Intermediate' | 'Advanced' | 'Expert';\n category: 'Frontend' | 'Backend' | 'Database' | 'Tools' | 'Other';\n}\n\nexport interface ContactForm {\n name: string;\n email: string;\n message: string;\n}\n\nexport interface PersonalInfo {\n name: string;\n title: string;\n bio: string;\n email: string;\n location: string;\n socialLinks: {\n github?: string;\n linkedin?: string;\n twitter?: string;\n website?: string;\n };\n}",[],[146,183],["D",1748869126125],[172],[146],"5cbacbe4-3fb1-11f0-bed5-76b3cceeab13",["D",1748869144589],[],[153,32],"55cacfe6-3fb1-11f0-9267-76b3cceeab13","index.html","55cad0a4-3fb1-11f0-9267-76b3cceeab13",["D",1748869132951],"\n\n\n \n \n Personal Portfolio\n \n \n \n \n \n \n \n \n \n \n \n \n 👨‍💻\">\n\n\n

\n \n\n",[],[153,197],["D",1748869132951],[169,170],[153],["D",1748868953860],{"_94":93,"_101":97},{"_94":93,"_95":-5,"_96":97,"_18":52,"_98":99,"_100":24},{"_13":83,"_31":84,"_41":40,"_85":42,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":43,"_92":93},"ctx",{"_76":-5,"_121":243,"_244":245,"_246":247,"_248":24,"_249":24,"_250":24,"_251":56,"_252":-5,"_253":-7,"_254":-7,"_255":60,"_256":24,"_257":24,"_258":-5,"_259":24,"_260":24,"_261":24,"_262":-5},"ENV",{"_214":215,"_216":217,"_218":84,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v5