<?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: Shivam Singh</title>
    <description>The latest articles on DEV Community by Shivam Singh (@shastraa_430).</description>
    <link>https://dev.to/shastraa_430</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%2F3355053%2Fd7402190-0eff-4b2c-a52e-548faaa4fbd6.jpg</url>
      <title>DEV Community: Shivam Singh</title>
      <link>https://dev.to/shastraa_430</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/shastraa_430"/>
    <language>en</language>
    <item>
      <title>Streamflow: From Vision to Velocity</title>
      <dc:creator>Shivam Singh</dc:creator>
      <pubDate>Sun, 20 Jul 2025 02:51:57 +0000</pubDate>
      <link>https://dev.to/shastraa_430/built-streamflow-for-the-scaler-internship-challenge-from-vision-to-velocity-b1</link>
      <guid>https://dev.to/shastraa_430/built-streamflow-for-the-scaler-internship-challenge-from-vision-to-velocity-b1</guid>
      <description>&lt;p&gt;This is submission for the &lt;a href="https://dev.to/challenges/wlh"&gt;World's Largest Hackathon Writing Challenge&lt;/a&gt;:&lt;/p&gt;

&lt;p&gt;⚡️ &lt;strong&gt;Project Overview&lt;/strong&gt;&lt;br&gt;
As part of the Scaler Internship Challenge, I created Streamflow—a sleek, interactive streaming web app designed to deliver an elegant and engaging user experience. The idea was simple: build something functional, beautiful, and fast—without compromising the fun.&lt;/p&gt;

&lt;p&gt;Powered by:&lt;/p&gt;

&lt;p&gt;🧩 Tailwind CSS for rapid UI styling&lt;/p&gt;

&lt;p&gt;🧠 JavaScript + TypeScript for reliable, type-safe dynamic functionality&lt;/p&gt;

&lt;p&gt;🎨 CSS animations for bounce, pulse, and glow interactions&lt;/p&gt;

&lt;p&gt;🌐 GitHub Pages for smooth deployment&lt;/p&gt;

&lt;p&gt;🛠️ Bolt-new for fast environment setup and AI-powered dev support&lt;/p&gt;

&lt;p&gt;Streamflow offers a cinematic browsing experience featuring responsive movie grids, glowing card transitions, and a polished layout designed for both desktop and mobile.&lt;/p&gt;




&lt;p&gt;🔧 &lt;strong&gt;Dev Journey with Bolt:&lt;/strong&gt;&lt;br&gt;
Using Bolt-new streamlined my workflow dramatically:&lt;/p&gt;

&lt;p&gt;Zero config—just start building&lt;/p&gt;

&lt;p&gt;AI suggestions helped tweak layout issues and animation logic&lt;/p&gt;

&lt;p&gt;Git + SSH integration worked like a charm&lt;/p&gt;




&lt;p&gt;🌱 &lt;strong&gt;After the Hack:&lt;/strong&gt;&lt;br&gt;
This challenge was more than just a build—it launched me into a sharper mindset. Here’s what’s next:&lt;/p&gt;

&lt;p&gt;🎯 Deepening my knowledge of C++ to explore low-level problem solving&lt;/p&gt;

&lt;p&gt;🔄 Continuing my frontend journey by building projects with React and animation-heavy UIs&lt;/p&gt;

&lt;p&gt;🔍 Enhancing Streamflow with search filters, genre tagging, and localStorage-powered watchlists&lt;/p&gt;

&lt;p&gt;💡 Staying curious with coding challenges, creative builds, and portfolio refinement&lt;/p&gt;

&lt;p&gt;The Scaler challenge reminded me that building isn’t just about output—it’s about bold experimentation and continuous learning. And Streamflow? It’s the beginning of something bigger.&lt;/p&gt;




&lt;p&gt;&lt;em&gt;Here's my project links&lt;/em&gt;:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://moonlit-sunburst-6c04b0.netlify.app/" rel="noopener noreferrer"&gt;https://moonlit-sunburst-6c04b0.netlify.app/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/Tech-Psycho95/streamflow/" rel="noopener noreferrer"&gt;https://github.com/Tech-Psycho95/streamflow/&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>wlhchallenge</category>
      <category>devchallenge</category>
      <category>ai</category>
      <category>typescript</category>
    </item>
  </channel>
</rss>
