[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_239":240,"_241":242},"routes/_app.x.$handle.$name",{"_102":101,"_32":51,"_110":92,"_27":111,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_21":-5,"_122":-5,"_123":-5,"_124":25,"_125":126,"_127":25,"_128":-5,"_129":-5,"_130":131},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_49":50,"_32":51,"_37":52,"_53":-5,"_54":25,"_55":56,"_57":56,"_58":-5,"_59":-5,"_18":60,"_61":62,"_63":64,"_65":64,"_66":-5,"_67":68,"_69":70,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":85,"_86":87,"_88":89,"_90":25},"version",7,"changes",[19,20],"aiChatInfo","userId",{"_21":42,"_23":-7,"_24":25,"_26":25,"_27":43,"_29":43},{"_21":22,"_23":-7,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":-5,"_37":38,"_39":14,"_40":41,"_24":25},"previous","deleted",false,"deletedHere","path","frontend/components","latestPath","fileId","e98a7004-69ae-41a2-9111-c7963fd35d47","name","components","fileType","directory","content","createdAt",["D",1748869212442],"branchVersion","branchId","eb0b8b64-3fb0-11f0-8dcb-76b3cceeab13",{"_30":44,"_32":45,"_34":46,"_36":47,"_37":48,"_39":14,"_40":41,"_24":25},"frontend/components/App.tsx","852ce6ac-3fb1-11f0-b63d-76b3cceeab13","App.tsx","script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { PersonalInfo, Project, Skill, ContactForm } from \"../../shared/types.ts\";\n\n// Portfolio data - customize this section with your information\nconst personalInfo: PersonalInfo = {\n name: \"Your Name\",\n title: \"Full Stack Developer\",\n bio: \"Passionate developer with expertise in modern web technologies. I love creating beautiful, functional applications that solve real-world problems.\",\n email: \"your.email@example.com\",\n location: \"Your City, Country\",\n socialLinks: {\n github: \"https://github.com/yourusername\",\n linkedin: \"https://linkedin.com/in/yourusername\",\n twitter: \"https://twitter.com/yourusername\",\n }\n};\n\nconst projects: Project[] = [\n {\n id: \"1\",\n title: \"E-commerce Platform\",\n description: \"A full-stack e-commerce solution with React, Node.js, and PostgreSQL. Features include user authentication, payment processing, and admin dashboard.\",\n technologies: [\"React\", \"Node.js\", \"PostgreSQL\", \"Stripe\", \"TailwindCSS\"],\n githubUrl: \"https://github.com/yourusername/ecommerce\",\n liveUrl: \"https://your-ecommerce.com\"\n },\n {\n id: \"2\",\n title: \"Task Management App\",\n description: \"A collaborative task management application with real-time updates, drag-and-drop functionality, and team collaboration features.\",\n technologies: [\"React\", \"TypeScript\", \"Firebase\", \"Material-UI\"],\n githubUrl: \"https://github.com/yourusername/taskmanager\"\n },\n {\n id: \"3\",\n title: \"Weather Dashboard\",\n description: \"A responsive weather dashboard that displays current conditions and forecasts with beautiful visualizations and location-based services.\",\n technologies: [\"JavaScript\", \"Chart.js\", \"OpenWeather API\", \"CSS3\"],\n githubUrl: \"https://github.com/yourusername/weather-dashboard\",\n liveUrl: \"https://your-weather-app.com\"\n }\n];\n\nconst skills: Skill[] = [\n { name: \"JavaScript\", level: \"Expert\", category: \"Frontend\" },\n { name: \"TypeScript\", level: \"Advanced\", category: \"Frontend\" },\n { name: \"React\", level: \"Expert\", category: \"Frontend\" },\n { name: \"Node.js\", level: \"Advanced\", category: \"Backend\" },\n { name: \"Python\", level: \"Intermediate\", category: \"Backend\" },\n { name: \"PostgreSQL\", level: \"Advanced\", category: \"Database\" },\n { name: \"MongoDB\", level: \"Intermediate\", category: \"Database\" },\n { name: \"Git\", level: \"Expert\", category: \"Tools\" },\n { name: \"Docker\", level: \"Intermediate\", category: \"Tools\" },\n { name: \"AWS\", level: \"Intermediate\", category: \"Tools\" }\n];\n\nexport default function App() {\n const [contactForm, setContactForm] = useState({\n name: \"\",\n email: \"\",\n message: \"\"\n });\n const [isSubmitting, setIsSubmitting] = useState(false);\n const [submitMessage, setSubmitMessage] = useState(\"\");\n\n const handleContactSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setIsSubmitting(true);\n \n try {\n // Simulate form submission - replace with actual API call\n await new Promise(resolve => setTimeout(resolve, 1000));\n setSubmitMessage(\"Thank you for your message! I'll get back to you soon.\");\n setContactForm({ name: \"\", email: \"\", message: \"\" });\n } catch (error) {\n setSubmitMessage(\"Sorry, there was an error sending your message. Please try again.\");\n } finally {\n setIsSubmitting(false);\n }\n };\n\n const scrollToSection = (sectionId: string) => {\n document.getElementById(sectionId)?.scrollIntoView({ behavior: 'smooth' });\n };\n\n return (\n

\n {/* Navigation */}\n

{personalInfo.name}

\n \n \n \n \n

\n\n {/* Hero Section */}\n

👨‍💻

{personalInfo.name}

{personalInfo.title}

{personalInfo.bio}

\n \n \n

\n\n {/* About Section */}\n

About Me

Hello! I'm {personalInfo.name}

\n {personalInfo.bio} I'm based in {personalInfo.location} and I'm always excited to work on new challenges and collaborate with amazing teams.\n

\n {Object.entries(personalInfo.socialLinks).map(([platform, url]) => (\n url && (\n \n {platform}\n ↗\n \n )\n ))}\n

Quick Facts

\n \n 📍 Located in {personalInfo.location}\n
\n \n 💼 {personalInfo.title}\n
\n \n 📧 {personalInfo.email}\n
\n \n 🚀 Available for new opportunities\n

\n\n {/* Skills Section */}\n

Skills & Technologies

\n {['Frontend', 'Backend', 'Database', 'Tools'].map(category => (\n

{category}

\n {skills.filter(skill => skill.category === category).map(skill => (\n

\n {skill.name}\n \n {skill.level}\n \n

\n ))}\n

\n\n {/* Projects Section */}\n

Featured Projects

\n {projects.map(project => (\n

{project.title}

{project.description}

\n {project.technologies.map(tech => (\n \n {tech}\n \n ))}\n

\n {project.githubUrl && (\n \n GitHub ↗\n \n )}\n {project.liveUrl && (\n \n Live Demo ↗\n \n )}\n

\n ))}\n

\n\n {/* Contact Section */}\n

Get In Touch

\n I'm always interested in new opportunities and collaborations. Let's connect!\n

Contact Information

\n 📧\n

\n \n {personalInfo.email}\n \n

\n 📍\n

Location

{personalInfo.location}

\n \n Name\n \n setContactForm(prev => ({ ...prev, name: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

\n \n Email\n \n setContactForm(prev => ({ ...prev, email: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

\n \n Message\n \n setContactForm(prev => ({ ...prev, message: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n >\n

\n \n {isSubmitting ? 'Sending...' : 'Send Message'}\n \n {submitMessage && (\n

\n {submitMessage}\n

\n )}\n \n

\n\n {/* Footer */}\n \n

\n );\n}",["D",1748869212442],"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",{"_102":101,"_109":105},"org",{"_102":101,"_103":-5,"_104":105,"_18":60,"_106":107,"_108":25},"branch",{"_13":91,"_32":92,"_49":41,"_93":50,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":51,"_100":101},"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",{"_49":50,"_32":51,"_37":235,"_53":-5,"_54":25,"_55":56,"_57":56,"_58":-5,"_59":-5,"_18":60,"_61":62,"_63":64,"_65":64,"_66":-5,"_67":68,"_69":70,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":236,"_86":237,"_88":238,"_90":25},"tree",[174,180,182,183],"files",[174,175,176,177,178,179,180,181,182,183],"counts",{"_164":68,"_165":140,"_166":68,"_167":168,"_169":170},"contents",[132,133,134,135],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_49":158,"_32":159,"_30":160,"_139":-5,"_40":41,"_39":161,"_141":64,"_37":162,"_13":68,"_34":35,"_36":-5,"_24":25,"_143":-5,"_27":163},{"_49":152,"_32":153,"_30":154,"_139":-5,"_40":41,"_39":155,"_141":64,"_37":156,"_13":68,"_34":35,"_36":-5,"_24":25,"_143":-5,"_27":157},{"_49":145,"_32":146,"_30":147,"_139":-5,"_40":41,"_39":148,"_141":64,"_37":149,"_13":68,"_34":21,"_36":150,"_24":25,"_143":-5,"_27":151},{"_49":136,"_32":137,"_30":138,"_139":-5,"_40":41,"_39":140,"_141":64,"_37":142,"_13":68,"_34":46,"_36":111,"_24":25,"_143":-5,"_27":144},"eb0d8784-3fb0-11f0-8dcb-76b3cceeab13","main.tsx","eb0d8946-3fb0-11f0-8dcb-76b3cceeab13","parentId",1,"latest",["D",1748868953875],"label",[137],"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.",[146],"51b95044-3fb1-11f0-bb17-76b3cceeab13","shared","fa7abc47-d47b-4466-aa36-8b76f3e67e7b",3,["D",1748869126125],[153],"55cad7de-3fb1-11f0-9267-76b3cceeab13","frontend","c18046f7-bf26-4702-b996-c722992d46ca",4,["D",1748869132951],[159],"pulls","branches","forks","envVars",{"_171":68,"_173":68},"connections",{"_171":68,"_172":68},"count","unfilledCount","emptyCount",{"_49":158,"_32":159,"_30":160,"_139":-5,"_40":41,"_39":161,"_141":64,"_37":232,"_13":68,"_34":35,"_36":-5,"_24":25,"_143":-5,"_185":233,"_27":234},{"_49":228,"_32":33,"_30":31,"_139":160,"_40":41,"_39":14,"_141":64,"_37":229,"_13":68,"_34":35,"_36":-5,"_24":25,"_143":-5,"_185":230,"_27":231},{"_49":224,"_32":45,"_30":44,"_139":31,"_40":41,"_39":14,"_141":64,"_37":225,"_13":68,"_34":46,"_36":47,"_24":25,"_143":-5,"_185":226,"_27":227},{"_49":217,"_32":218,"_30":219,"_139":160,"_40":41,"_39":161,"_141":64,"_37":220,"_13":68,"_34":21,"_36":221,"_24":25,"_143":-5,"_185":222,"_27":223},{"_49":209,"_32":210,"_30":211,"_139":160,"_40":41,"_39":212,"_141":64,"_37":213,"_13":68,"_34":46,"_36":214,"_24":25,"_143":-5,"_185":215,"_27":216},{"_49":201,"_32":202,"_30":203,"_139":160,"_40":41,"_39":204,"_141":64,"_37":205,"_13":68,"_34":21,"_36":206,"_24":25,"_143":-5,"_185":207,"_27":208},{"_49":152,"_32":153,"_30":154,"_139":-5,"_40":41,"_39":155,"_141":64,"_37":198,"_13":68,"_34":35,"_36":-5,"_24":25,"_143":-5,"_185":199,"_27":200},{"_49":191,"_32":192,"_30":193,"_139":154,"_40":41,"_39":155,"_141":64,"_37":194,"_13":68,"_34":46,"_36":195,"_24":25,"_143":-5,"_185":196,"_27":197},{"_49":145,"_32":146,"_30":147,"_139":-5,"_40":41,"_39":148,"_141":64,"_37":188,"_13":68,"_34":21,"_36":150,"_24":25,"_143":-5,"_185":189,"_27":190},{"_49":136,"_32":137,"_30":138,"_139":-5,"_40":41,"_39":140,"_141":64,"_37":184,"_13":68,"_34":46,"_36":111,"_24":25,"_143":-5,"_185":186,"_27":187},["D",1748868953875],"children",[],[137],["D",1748869120875],[],[146],"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}",[],[153,192],["D",1748869126125],[181],[153],"5cbacbe4-3fb1-11f0-bed5-76b3cceeab13","style.css","5cbacc7a-3fb1-11f0-bed5-76b3cceeab13",5,["D",1748869144589],"/* 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}",[],[159,202],"5ffa4712-3fb1-11f0-a26b-76b3cceeab13","index.tsx","5ffa47c6-3fb1-11f0-a26b-76b3cceeab13",6,["D",1748869150030],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport App from \"./components/App.tsx\";\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();",[],[159,210],"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",[],[159,218],"852ce60c-3fb1-11f0-b63d-76b3cceeab13",["D",1748869212442],[],[159,33,45],"852d0588-3fb1-11f0-b63d-76b3cceeab13",["D",1748869212442],[176],[159,33],["D",1748869132951],[175,177,178,179],[159],["D",1748868953860],{"_102":101,"_109":105},{"_102":101,"_103":-5,"_104":105,"_18":60,"_106":107,"_108":25},{"_13":91,"_32":92,"_49":41,"_93":50,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":51,"_100":101},"ctx",{"_84":-5,"_129":272,"_273":274,"_275":276,"_277":25,"_278":25,"_279":25,"_280":64,"_281":-5,"_282":-7,"_283":-7,"_284":68,"_285":25,"_286":25,"_287":-5,"_288":25,"_289":25,"_290":25,"_291":-5},"ENV",{"_243":244,"_245":246,"_247":92,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269,"_270":271},"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 · v7