<?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: Devendra Shyoran</title>
    <description>The latest articles on DEV Community by Devendra Shyoran (@devendra_shyoran_e735f166).</description>
    <link>https://dev.to/devendra_shyoran_e735f166</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%2F3597389%2F4cfdbd10-93a5-4a92-a5e2-b87f3df2775b.png</url>
      <title>DEV Community: Devendra Shyoran</title>
      <link>https://dev.to/devendra_shyoran_e735f166</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/devendra_shyoran_e735f166"/>
    <language>en</language>
    <item>
      <title>My Challenge 3 Submission: AI</title>
      <dc:creator>Devendra Shyoran</dc:creator>
      <pubDate>Thu, 27 Nov 2025 14:24:01 +0000</pubDate>
      <link>https://dev.to/devendra_shyoran_e735f166/my-challenge-3-submission-ai-5ae1</link>
      <guid>https://dev.to/devendra_shyoran_e735f166/my-challenge-3-submission-ai-5ae1</guid>
      <description>&lt;p&gt;This is my submission for the &lt;strong&gt;AI Acceleration&lt;/strong&gt; challenge.&lt;/p&gt;

&lt;p&gt;I used an AI Assistant (Gemini) to build a .NET Uno Platform application from scratch. The AI generated all the C# and XAML code needed to fetch live data from the JSON Placeholder API and display it in a list.&lt;/p&gt;

&lt;h3&gt;
  
  
  Video Submission
&lt;/h3&gt;

&lt;p&gt;Here is the screen recording of the complete process, showing how AI helped build the app "faster and smarter".&lt;/p&gt;

&lt;p&gt;&lt;a href="https://drive.google.com/file/d/1FeldMwdHD0GtG-T3W-O_qT_VZ69JlQYS/view?usp=sharing" rel="noopener noreferrer"&gt;https://drive.google.com/file/d/1FeldMwdHD0GtG-T3W-O_qT_VZ69JlQYS/view?usp=sharing&lt;/a&gt;&lt;/p&gt;




&lt;h3&gt;
  
  
  Before Screenshot
&lt;/h3&gt;

&lt;p&gt;This was the blank project before the AI generated any code.&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%2Fl3203rsvyzpcatlwekes.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%2Fl3203rsvyzpcatlwekes.png" alt=" " width="800" height="471"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h3&gt;
  
  
  After Screenshot
&lt;/h3&gt;

&lt;p&gt;This is the final application running and displaying the live "To-Do list" data downloaded from the internet API.&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%2Fnd9pj5wq6yqc4k7r04i3.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%2Fnd9pj5wq6yqc4k7r04i3.png" alt=" " width="800" height="471"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>unoplatformchallenge</category>
      <category>dotnet</category>
      <category>crossplatform</category>
    </item>
    <item>
      <title>My Submission for the Hot Design Challenge!</title>
      <dc:creator>Devendra Shyoran</dc:creator>
      <pubDate>Thu, 27 Nov 2025 13:26:00 +0000</pubDate>
      <link>https://dev.to/devendra_shyoran_e735f166/my-submission-for-the-hot-design-challenge-2lnc</link>
      <guid>https://dev.to/devendra_shyoran_e735f166/my-submission-for-the-hot-design-challenge-2lnc</guid>
      <description>&lt;p&gt;This is my submission for the &lt;strong&gt;Hot Design &amp;amp; Hot Design Agent Showcase&lt;/strong&gt; challenge.&lt;/p&gt;

&lt;p&gt;I used the new Hot Design tools to modify a live-running .NET application.&lt;/p&gt;

&lt;h3&gt;
  
  
  Video Submission
&lt;/h3&gt;

&lt;p&gt;Here is the screen recording of me using the Hot Design visual tools and the AI Agent.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://drive.google.com/file/d/1dUPne8YJSYlOyUsvKCcQIku1GnkyZ0Gx/view?usp=sharing" rel="noopener noreferrer"&gt;https://drive.google.com/file/d/1dUPne8YJSYlOyUsvKCcQIku1GnkyZ0Gx/view?usp=sharing&lt;/a&gt;&lt;/p&gt;




&lt;h3&gt;
  
  
  Before Screenshot
&lt;/h3&gt;

&lt;p&gt;This was the original application design ("Hello Uno Platform!").&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%2Fey1m9q8i1o9j4fgzuusy.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%2Fey1m9q8i1o9j4fgzuusy.png" alt=" " width="800" height="472"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h3&gt;
  
  
  After Screenshot
&lt;/h3&gt;

&lt;p&gt;This is the final design after using the Hot Design tools (changing text) and the AI Agent (which attempted to change the button color).&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%2F364smrdwxscp37ota79d.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%2F364smrdwxscp37ota79d.png" alt=" " width="800" height="473"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>unoplatformchallenge</category>
      <category>dotnet</category>
      <category>crossplatform</category>
    </item>
    <item>
      <title>Artisan Brew House: A "WOW Factor" UI built with Uno Platform</title>
      <dc:creator>Devendra Shyoran</dc:creator>
      <pubDate>Wed, 26 Nov 2025 14:11:00 +0000</pubDate>
      <link>https://dev.to/devendra_shyoran_e735f166/artisan-brew-house-a-wow-factor-ui-built-with-uno-platform-40l3</link>
      <guid>https://dev.to/devendra_shyoran_e735f166/artisan-brew-house-a-wow-factor-ui-built-with-uno-platform-40l3</guid>
      <description>&lt;p&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;/p&gt;

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

&lt;p&gt;I built a "WOW Factor" home screen for a premium, artisan coffee shop called the "Artisan Brew House."&lt;/p&gt;

&lt;p&gt;The goal was to create a design that feels modern, cozy, and truly premium, moving far beyond a basic layout. The app uses a dark, multi-layered gradient background with warm, coffee-toned highlights to create a stunning visual vibe.&lt;/p&gt;

&lt;p&gt;The entire UI is built 100% from XAML code, using &lt;code&gt;LinearGradientBrush&lt;/code&gt; for backgrounds, &lt;code&gt;Border&lt;/code&gt; with &lt;code&gt;CornerRadius&lt;/code&gt; for "glass" and "card" effects, and &lt;code&gt;FontIcon&lt;/code&gt; for all iconography (no images were used).&lt;/p&gt;

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

&lt;p&gt;Here is the full-page screenshot of the app running on Windows Desktop, built from a single Uno Platform codebase.&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%2Fqfhzj9or803gqk3igcla.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%2Fqfhzj9or803gqk3igcla.png" alt=" " width="800" height="471"&gt;&lt;/a&gt;&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%2F2kj96zccwxcs6dqzxciu.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%2F2kj96zccwxcs6dqzxciu.png" alt=" " width="800" height="471"&gt;&lt;/a&gt;&lt;/p&gt;

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

&lt;p&gt;For this submission, I focused on building and running the app on &lt;strong&gt;Windows Desktop&lt;/strong&gt; (using the &lt;code&gt;net10.0-desktop&lt;/code&gt; framework).&lt;/p&gt;

&lt;p&gt;The power of Uno Platform is that this single XAML codebase is designed to be cross-platform, allowing it to be compiled for Android, iOS, macOS, Linux, and WebAssembly with minimal effort.&lt;/p&gt;

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

&lt;p&gt;The design is highly creative and interactive, focusing on a premium user experience:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Brand Identity:&lt;/strong&gt; A strong, elegant header section that establishes the "Artisan Brew House" brand.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;"Today's Masterpiece":&lt;/strong&gt; Instead of a boring list, I designed a "Hero Card" that showcases the main special brew. It features a glowing icon, descriptive tags, and a prominent "Order Now" button.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;"Most Loved" Carousel:&lt;/strong&gt; A horizontal &lt;code&gt;ScrollViewer&lt;/code&gt; contains "Popular Brew" cards. Each card uses a &lt;code&gt;RadialGradientB
![ ](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ret6780m4ko8ol9b9x71.png)rush&lt;/code&gt; and &lt;code&gt;FontIcon&lt;/code&gt; to create a beautiful, minimalist visual for each drink.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Quick Access Cards:&lt;/strong&gt; At the bottom, two "glass effect" cards (&lt;code&gt;Background="#22FFFFFF"&lt;/code&gt;) allow for quick access to "My Rewards" and "Find Store."&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Main CTA:&lt;/strong&gt; A final "Explore Full Menu" button with a gradient background serves as the main call-to-action for the entire screen.&lt;/li&gt;
&lt;/ul&gt;

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

&lt;p&gt;The "WOW Factor" of this app is its &lt;strong&gt;world-class, premium design&lt;/strong&gt; achieved entirely with &lt;strong&gt;100% XAML code&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;It proves that you don't need to rely on static images to create a rich, visually stunning, and modern UI. The use of multiple gradients, "glass" borders, layered elements (like the "Hero Card"), and fluid layout creates an experience that truly makes the user say "Wow."&lt;/p&gt;

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