<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Héctor Pérez</title>
    <description>The latest articles on DEV Community by Héctor Pérez (@hctor_prez_606770454b73).</description>
    <link>https://dev.to/hctor_prez_606770454b73</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2569007%2F67852299-965d-4eeb-a990-cf0e89a1d776.jpg</url>
      <title>DEV Community: Héctor Pérez</title>
      <link>https://dev.to/hctor_prez_606770454b73</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/hctor_prez_606770454b73"/>
    <language>en</language>
    <item>
      <title>UnoDelivery App - AI Acceleration Challenge</title>
      <dc:creator>Héctor Pérez</dc:creator>
      <pubDate>Sun, 07 Dec 2025 18:51:51 +0000</pubDate>
      <link>https://dev.to/hctor_prez_606770454b73/unodelivery-app-ai-acceleration-challenge-3f83</link>
      <guid>https://dev.to/hctor_prez_606770454b73/unodelivery-app-ai-acceleration-challenge-3f83</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/unoplatform"&gt;AI Challenge for Cross-Platform Apps&lt;/a&gt; - AI Acceleration&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  What I Built
&lt;/h2&gt;

&lt;p&gt;My application is an online-store–style delivery app. It showcases the full user flow—from logging in, browsing stores and their products, all the way through to completing a card payment—all using mock data&lt;/p&gt;

&lt;h2&gt;
  
  
  Demo
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://github.com/hprez21/UnoDelivery" rel="noopener noreferrer"&gt;UnoDelivery GitHub Repo&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Login Screen:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6alcxstec8i8n25x4hjo.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6alcxstec8i8n25x4hjo.gif" alt="Login Screen"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Stores Screen:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnzz2kgwm1u8uvu2on6lv.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnzz2kgwm1u8uvu2on6lv.png" alt="Stores Screen"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Single Store Screen:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fss4x577wpdvc30az094j.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fss4x577wpdvc30az094j.png" alt="Single Store Screen"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Categories Screen:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjn8o39z081mjkebc4bv3.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjn8o39z081mjkebc4bv3.png" alt="Categories Screen"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Product Configuration Screen&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqixrjed34uuisdwga798.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqixrjed34uuisdwga798.png" alt="Product Configuration Screen"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Checkout Screen:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F1owt026dr091y83kfu2o.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F1owt026dr091y83kfu2o.png" alt="Checkout Screen"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Payment Method Screen:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjsgwnyssr2hrki1ywkra.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjsgwnyssr2hrki1ywkra.png" alt="Payment Method Screen"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Delivery Address Selection:&lt;br&gt;
&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4q0cbsvo4feihwsg63nn.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4q0cbsvo4feihwsg63nn.png" alt="Delivery Address Selection"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Add New Address Screen:&lt;br&gt;
&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7n28q3qn87oj9ak5mq8e.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7n28q3qn87oj9ak5mq8e.png" alt="Add New Address Screen"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h2&gt;
  
  
  AI Tooling in Action
&lt;/h2&gt;

&lt;p&gt;

  &lt;iframe src="https://www.youtube.com/embed/2q2EjLGwVH8"&gt;
  &lt;/iframe&gt;


&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;Gathering all the necessary information from the documentation to create the screens as accurately as possible.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Performing error checks and correcting them properly.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Running the app automatically to verify proper execution and the correctness of the screens.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Using App MCP and Uno Platform MCP
&lt;/h2&gt;

&lt;p&gt;Uno’s MCP servers helped me speed up the development of the application—not only by providing best-practice guidance and the code needed for implementation, but also by assisting me in troubleshooting issues I encountered along the way. Something I didn’t expect was their ability to perform ‘automatic debugging,’ meaning they could automatically test the app’s content and functionality, which significantly accelerated the development process&lt;/p&gt;

&lt;h2&gt;
  
  
  Cross-Platform Reach
&lt;/h2&gt;

&lt;p&gt;Of the ones I was able to test: Android, Windows, and WebAssembly, although it should work on all the others as well&lt;/p&gt;

&lt;h2&gt;
  
  
  Development Experience
&lt;/h2&gt;

&lt;p&gt;What surprised me the most was the ability to automatically fix errors by selecting, clicking, and interacting with UI elements on its own, which greatly speeds up development. I was also impressed that the interfaces were created almost perfectly on the first try, and the few that weren’t—such as overlapping elements or screens missing data—were automatically corrected as well&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>unoplatformchallenge</category>
      <category>dotnet</category>
      <category>crossplatform</category>
    </item>
    <item>
      <title>AI Image Generator</title>
      <dc:creator>Héctor Pérez</dc:creator>
      <pubDate>Sun, 07 Dec 2025 02:16:56 +0000</pubDate>
      <link>https://dev.to/hctor_prez_606770454b73/ai-image-generator-5297</link>
      <guid>https://dev.to/hctor_prez_606770454b73/ai-image-generator-5297</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/unoplatform"&gt;AI Challenge for Cross-Platform Apps&lt;/a&gt; - WOW Factor&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  What I Built
&lt;/h2&gt;

&lt;p&gt;I created a template for an AI-powered image generator. What makes it special is its clean, aesthetically pleasing design, along with smooth animations that showcase the generated image.&lt;/p&gt;

&lt;h2&gt;
  
  
  Demo
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://github.com/hprez21/UnoPlatformImageGenerator" rel="noopener noreferrer"&gt;Repo&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Windows Demo: &lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fi9wxxbhs8ahhk3kalf9z.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fi9wxxbhs8ahhk3kalf9z.png" alt=" " width="800" height="682"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;WebAssembly Demo: &lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftm0hf0t59bgoym4u2exv.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftm0hf0t59bgoym4u2exv.png" alt=" " width="800" height="449"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Android Demo: &lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4f462u13yy8e5fs8no6w.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4f462u13yy8e5fs8no6w.gif" alt=" " width="397" height="860"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Cross-Platform Magic
&lt;/h2&gt;

&lt;p&gt;I assume it works across all platforms, although I only tested it on Windows, Android, and WebAssembly. With just a few minor adjustments, it should run at 100% on any supported platform—and I’m really happy with the results.&lt;/p&gt;

&lt;h2&gt;
  
  
  Interactive Features
&lt;/h2&gt;

&lt;p&gt;My app includes interactive text input for AI prompts, a generate button that triggers the image creation process, and a dynamic display area for the final output. The fun part is the instant visual feedback—users can type any creative description and watch the AI transform their words into unique artwork within seconds.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Wow Factor
&lt;/h2&gt;

&lt;p&gt;The simplicity of the components—combined with thoughtful design—creates an experience that looks stunning. The final-screen animation adds an engaging and exciting touch that elevates the overall interaction.&lt;/p&gt;

&lt;p&gt;Special thanks to &lt;a href="https://dribbble.com/shots/20104558-Image-Generator-App" rel="noopener noreferrer"&gt;Daria Kravets&lt;/a&gt; for the design that inspired this project.&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>unoplatformchallenge</category>
      <category>dotnet</category>
      <category>crossplatform</category>
    </item>
  </channel>
</rss>
