<?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: abdullah85</title>
    <description>The latest articles on DEV Community by abdullah85 (@abdullah85).</description>
    <link>https://dev.to/abdullah85</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%2F309800%2Fe3409c46-e92e-4115-b314-c7a615a3b81d.jpg</url>
      <title>DEV Community: abdullah85</title>
      <link>https://dev.to/abdullah85</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/abdullah85"/>
    <language>en</language>
    <item>
      <title>New Year, New Me as Authentic as Possible, reflecting existing CV</title>
      <dc:creator>abdullah85</dc:creator>
      <pubDate>Mon, 02 Feb 2026 07:40:37 +0000</pubDate>
      <link>https://dev.to/abdullah85/new-year-new-you-as-authentic-as-possible-reflecting-existing-cv-1l5i</link>
      <guid>https://dev.to/abdullah85/new-year-new-you-as-authentic-as-possible-reflecting-existing-cv-1l5i</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/new-year-new-you-google-ai-2025-12-31"&gt;New Year, New You Portfolio Challenge Presented by Google AI&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  About Me
&lt;/h2&gt;

&lt;p&gt;I am a full stack developer, and would like to showcase my skills.&lt;/p&gt;

&lt;h2&gt;
  
  
  Portfolio
&lt;/h2&gt;

&lt;p&gt;

&lt;/p&gt;
&lt;div class="ltag__cloud-run"&gt;
  &lt;iframe height="600px" src="https://aakworks-1003162804902.asia-southeast3.run.app/"&gt;
  &lt;/iframe&gt;
&lt;/div&gt;




&lt;h2&gt;
  
  
  How I Built It
&lt;/h2&gt;

&lt;p&gt;I used the Gemini CLI to build the portfolio from scratch. I used my existing cv pdf as an inspiration for getting started. I needed a site that would be as authentic to the work as possible. &lt;/p&gt;

&lt;h2&gt;
  
  
  What I'm Most Proud Of
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;The code for generating the site is a project.&lt;/li&gt;
&lt;li&gt;The theme is extracted from the resume pdf provided as input.&lt;/li&gt;
&lt;li&gt;The portfolio site can be updated dynamically&lt;/li&gt;
&lt;li&gt;The project for creating the portfolio can be adapted by anyone. &lt;/li&gt;
&lt;li&gt;The portfolio is compact as a single scrollable site.&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>devchallenge</category>
      <category>googleaichallenge</category>
      <category>portfolio</category>
      <category>gemini</category>
    </item>
    <item>
      <title>Landing Page for Precious Metal Pricing History</title>
      <dc:creator>abdullah85</dc:creator>
      <pubDate>Sun, 01 Feb 2026 18:22:24 +0000</pubDate>
      <link>https://dev.to/abdullah85/landing-page-for-precious-metal-pricing-history-28oe</link>
      <guid>https://dev.to/abdullah85/landing-page-for-precious-metal-pricing-history-28oe</guid>
      <description>&lt;p&gt;&lt;em&gt;This post is my submission for &lt;a href="https://dev.to/deved/build-apps-with-google-ai-studio"&gt;DEV Education Track: Build Apps with Google AI Studio&lt;/a&gt;.&lt;/em&gt;&lt;/p&gt;

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

&lt;p&gt;I built a landing page for viewing the live or historic prices for precious metals like gold, silver and platinum in fiat currencies such as USD, GBP and the like.&lt;/p&gt;

&lt;p&gt;I used one prompt summarizing my requirements as show below:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;I would like to create a landing page for a site that displays historical accurate charts with a minimum\
 period range over the past 5 years for precious metals as Gold, silver, platinum in terms of USD and ot\
her international currencies. Use Imagen for generating attractive images specifically for authentically\
 representing the metal bars and coins where appropriate. I do not want excessive imagery and avoid face\
s of animals or humans or other creatures. I prefer the images to convey professionalism and present the\
 allure of precious metals without overdoing it. I want the code to be in HTML, CSS and Javascript only.\
 That is, any script used must be in pure javascript with .js extensions and I do not want typescript fi\
les with .ts extensions. Also, provide documentation with `README.md` for a high level overview and `INS\
TALL.md` for installation specific instructions.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;I requested the Imagen tool to generate relevant images.&lt;/p&gt;

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

&lt;p&gt;The app is deployed at &lt;a href="https://aureum-precious-metals-analytics-1003162804902.us-west1.run.app/" rel="noopener noreferrer"&gt;https://aureum-precious-metals-analytics-1003162804902.us-west1.run.app/&lt;/a&gt;&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%2F4y65vtoyp40fuqh5krti.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%2F4y65vtoyp40fuqh5krti.png" alt="Landing page for the application"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  My Experience
&lt;/h2&gt;

&lt;p&gt;Some of the key takeaways are:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;The Google AI studio has integrated multiple tools to speed up building an application from scratch.&lt;/li&gt;
&lt;li&gt;The tool defaults to using &lt;code&gt;.ts&lt;/code&gt; or &lt;code&gt;.tsx&lt;/code&gt; extensions despite requesting it to avoid these approaches.&lt;/li&gt;
&lt;li&gt;The tool also defaults to using React despite not requesting it.&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>deved</category>
      <category>learngoogleaistudio</category>
      <category>ai</category>
      <category>gemini</category>
    </item>
  </channel>
</rss>
