\n \n

\n Design Engineer\n

\n Crafting experiences at the intersection of design and code\n

\n I bridge the gap between design and development, building beautiful,\n functional products that prioritize both user experience and\n technical excellence.\n

\n \n View My Work\n \n

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

About Me

\n I'm a design engineer who believes the best products are built\n when design and engineering work in harmony. With a foundation\n in both disciplines, I create experiences that are not only\n visually compelling but also technically robust.\n

\n My approach combines design thinking with engineering\n principles, allowing me to prototype quickly, iterate\n effectively, and ship products that users love.\n

\n When I'm not coding or designing, you'll find me exploring new\n technologies, contributing to open source, or sharing knowledge\n with the design and development community.\n

\n\n

\n {Object.entries(skills).map(([category, items]) => (\n

\n {category}\n

\n {items.map((skill) => (\n \n {skill}\n \n ))}\n

\n ))}\n

\n \n\n {/* Work Section */}\n \n

Selected Work

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

{project.title}

\n {project.description}\n

\n {project.tags.map((tag) => (\n \n {tag}\n \n ))}\n

\n ))}\n

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

Let's Connect

\n I'm always interested in hearing about new projects and\n opportunities. Whether you have a question or just want to say hi,\n feel free to reach out!\n

\n\n {/* Contact Form */}\n

\n \n Name *\n \n \n

\n \n Email *\n \n \n

\n \n Company (Optional)\n \n \n

\n \n Message *\n \n \n

\n \n {formStatus === \"loading\" ? \"Sending...\" : \"Send Message\"}\n \n {formStatus === \"success\" && (\n

\n Thank you! Your message has been sent successfully.\n

\n )}\n {formStatus === \"error\" && (\n

\n Oops! Something went wrong. Please try again.\n

\n )}\n \n\n {/* Social Links */}\n

\n \n Email Me\n \n \n GitHub\n \n \n LinkedIn\n \n

\n \n\n {/* Footer */}\n \n \n );\n}\n\nexport function App() {\n return (\n \n \n \n

\n \n

\n \n }\n >\n } />\n } />\n } />\n \n \n \n );\n}\n","deleted","label",[172,173,154],"frontend","components","permalink","https://www.val.town/x/toddpiersall/personalSite/code/frontend/components/App.tsx","extension","actionData","errors"]