{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}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/emmysmat/untitled-8262/code/frontend/components/App.tsx","extension","actionData","errors"]