<?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: lan yi</title>
    <description>The latest articles on DEV Community by lan yi (@lan_yi_84a1882b8967c690dc).</description>
    <link>https://dev.to/lan_yi_84a1882b8967c690dc</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.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3921764%2F8abd0625-da3b-4992-8fd3-3ad8ff332939.png</url>
      <title>DEV Community: lan yi</title>
      <link>https://dev.to/lan_yi_84a1882b8967c690dc</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/lan_yi_84a1882b8967c690dc"/>
    <language>en</language>
    <item>
      <title>I Built GitStock: View Git Hub repositories like you would view stock prices.</title>
      <dc:creator>lan yi</dc:creator>
      <pubDate>Fri, 26 Jun 2026 09:33:45 +0000</pubDate>
      <link>https://dev.to/lan_yi_84a1882b8967c690dc/i-built-gitstock-view-git-hub-repositories-like-you-would-view-stock-prices-3c4g</link>
      <guid>https://dev.to/lan_yi_84a1882b8967c690dc/i-built-gitstock-view-git-hub-repositories-like-you-would-view-stock-prices-3c4g</guid>
      <description>&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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F26okoa3de8t4jvnzng0x.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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F26okoa3de8t4jvnzng0x.png" alt=" " width="799" height="434"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;GitHub tells us a lot about a project, but the signal is often spread across commit history, graphs, files, and activity pages.&lt;/p&gt;

&lt;p&gt;I wanted a faster way to answer a simple question:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;How active does this repository feel at a glance?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;So I built &lt;strong&gt;GitStock&lt;/strong&gt;, a small developer tool that turns any public GitHub repository into a market-style candlestick chart.&lt;/p&gt;

&lt;h2&gt;
  
  
  What is GitStock?
&lt;/h2&gt;

&lt;p&gt;GitStock renders GitHub repository activity like a stock chart.&lt;/p&gt;

&lt;p&gt;Enter a public repo such as:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;github.com/tailwindlabs/tailwindcss
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fhf19l486y03l3n5yyntj.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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fhf19l486y03l3n5yyntj.png" alt=" " width="799" height="434"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;GitStock fetches recent commit data and turns commits, additions, and deletions into an interactive SVG K-line chart. Each candle represents repository movement, making code activity easier to scan visually.&lt;/p&gt;

&lt;p&gt;Instead of reading a long commit list, you get a compact activity chart that helps you spot:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;bursts of development&lt;/li&gt;
&lt;li&gt;quiet periods&lt;/li&gt;
&lt;li&gt;large code changes&lt;/li&gt;
&lt;li&gt;overall project momentum&lt;/li&gt;
&lt;li&gt;whether a repo feels actively maintained&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Why candlestick charts for GitHub?
&lt;/h2&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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fy5ugez4860tf998bmc3k.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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fy5ugez4860tf998bmc3k.png" alt=" " width="799" height="434"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Candlestick charts are great at showing movement over time. In financial markets, they help people quickly understand volatility, momentum, and direction.&lt;/p&gt;

&lt;p&gt;Open source projects have similar patterns.&lt;/p&gt;

&lt;p&gt;Some repositories move steadily. Some have sudden bursts. Some go quiet. Some receive large rewrites or heavy maintenance waves.&lt;/p&gt;

&lt;p&gt;GitStock brings that visual language to code activity.&lt;/p&gt;

&lt;p&gt;It is not trying to replace GitHub Insights or deep repository analysis. It is meant to be a fast visual layer that makes repo activity more readable and more shareable.&lt;/p&gt;

&lt;h2&gt;
  
  
  What you can do with it
&lt;/h2&gt;

&lt;p&gt;GitStock currently supports:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;generating charts for public GitHub repositories&lt;/li&gt;
&lt;li&gt;rendering commit activity as SVG candlestick charts&lt;/li&gt;
&lt;li&gt;mapping additions and deletions into chart movement&lt;/li&gt;
&lt;li&gt;viewing commit details through interactive SVG tooltips&lt;/li&gt;
&lt;li&gt;copying the chart as HTML&lt;/li&gt;
&lt;li&gt;copying the chart as Markdown&lt;/li&gt;
&lt;li&gt;copying the chart image&lt;/li&gt;
&lt;li&gt;copying a direct image URL&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;That makes it useful for README badges, launch posts, project reports, dashboards, newsletters, and quick comparisons between repositories.&lt;/p&gt;

&lt;h2&gt;
  
  
  A chart you can actually share
&lt;/h2&gt;

&lt;p&gt;One thing I wanted from the beginning was simple sharing.&lt;/p&gt;

&lt;p&gt;When you generate a chart, GitStock gives you copy buttons for:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;HTML embed code&lt;/li&gt;
&lt;li&gt;Markdown embed code&lt;/li&gt;
&lt;li&gt;image copy&lt;/li&gt;
&lt;li&gt;image URL&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;So if you maintain an open source project, you can add a live-looking activity chart to your README or documentation without taking screenshots manually.&lt;/p&gt;

&lt;h2&gt;
  
  
  Who is this for?
&lt;/h2&gt;

&lt;p&gt;GitStock is built for:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;open source maintainers who want to show project activity&lt;/li&gt;
&lt;li&gt;developers evaluating whether a repo is alive&lt;/li&gt;
&lt;li&gt;founders and builders tracking technical momentum&lt;/li&gt;
&lt;li&gt;writers creating posts about open source projects&lt;/li&gt;
&lt;li&gt;investors and analysts looking for quick developer-signal visuals&lt;/li&gt;
&lt;li&gt;anyone who enjoys seeing code activity from a different angle&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  How it works
&lt;/h2&gt;

&lt;p&gt;Under the hood, GitStock uses GitHub repository commit data, including additions and deletions, then renders the result as an SVG chart.&lt;/p&gt;

&lt;p&gt;The app is built with Go and Gin on the backend. Charts are generated server-side, cached, and served as SVGs so they are lightweight and easy to embed.&lt;/p&gt;

&lt;p&gt;The goal is to keep the experience simple:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Enter a public GitHub repository.&lt;/li&gt;
&lt;li&gt;Generate the chart.&lt;/li&gt;
&lt;li&gt;Copy or share it.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;No dashboard setup. No account flow. No complicated configuration.&lt;/p&gt;

&lt;h2&gt;
  
  
  What I learned building it
&lt;/h2&gt;

&lt;p&gt;The most interesting part was translating commit history into a chart model that feels natural.&lt;/p&gt;

&lt;p&gt;A commit is not a stock price, but it does have movement:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;additions increase the codebase&lt;/li&gt;
&lt;li&gt;deletions reduce it&lt;/li&gt;
&lt;li&gt;large changes create wider swings&lt;/li&gt;
&lt;li&gt;sequences of commits create momentum&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Once represented visually, repositories start to feel surprisingly different from one another.&lt;/p&gt;

&lt;p&gt;Some charts look calm and consistent. Others look volatile. Some show long quiet stretches followed by big bursts of work.&lt;/p&gt;

&lt;p&gt;That is the part I find fun: GitStock makes repository activity feel visible.&lt;/p&gt;

&lt;h2&gt;
  
  
  Try it
&lt;/h2&gt;

&lt;p&gt;If you work with GitHub projects, try GitStock with a repo you care about:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;https://gitstock.org
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Try your own project, a favorite open source repo, or a library you depend on.&lt;/p&gt;

&lt;p&gt;I would love feedback on:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;which repositories produce the most interesting charts&lt;/li&gt;
&lt;li&gt;what signals should be added next&lt;/li&gt;
&lt;li&gt;whether stars, releases, issues, or PRs should become chart overlays&lt;/li&gt;
&lt;li&gt;how the embed experience could be improved&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;GitHub activity already contains a lot of useful signal. GitStock is my attempt to make that signal easier to see, share, and talk about.&lt;/p&gt;

</description>
      <category>github</category>
      <category>opensource</category>
      <category>developer</category>
      <category>productivity</category>
    </item>
    <item>
      <title>Things You Should Know Before Starting Indie Development</title>
      <dc:creator>lan yi</dc:creator>
      <pubDate>Sat, 09 May 2026 12:01:55 +0000</pubDate>
      <link>https://dev.to/lan_yi_84a1882b8967c690dc/things-you-should-know-before-starting-indie-development-4ocj</link>
      <guid>https://dev.to/lan_yi_84a1882b8967c690dc/things-you-should-know-before-starting-indie-development-4ocj</guid>
      <description>&lt;h2&gt;
  
  
  Apple Small Business Program
&lt;/h2&gt;

&lt;p&gt;If your annual revenue is under 1 million USD, you can join Apple's Small Business Program and reduce the App Store commission rate from 30% to 15%.&lt;/p&gt;

&lt;p&gt;That means if a user pays 10 dollars, you would receive 8.5 dollars instead of 7.&lt;/p&gt;

&lt;p&gt;As long as your annual proceeds stay below 1 million USD, the lower rate continues. If you go above 1 million USD in a given year, the commission returns to 30% for the rest of that year, and you will no longer qualify for the program in the following year.&lt;/p&gt;

&lt;p&gt;Both individual and company developer accounts can apply.&lt;/p&gt;

&lt;p&gt;Apply here: &lt;a href="https://developer.apple.com/app-store/small-business-program/enroll/" rel="noopener noreferrer"&gt;https://developer.apple.com/app-store/small-business-program/enroll/&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Cloudflare Startup Program
&lt;/h2&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%2F5hswinze30n604lx5vys.webp" 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%2F5hswinze30n604lx5vys.webp" alt="PixPin_2026-05-09_19-40-43" width="800" height="263"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The credits can be used for the services below and are valid for one year.&lt;/p&gt;

&lt;p&gt;This is especially useful if you want to build the backend for a website or app.&lt;/p&gt;

&lt;h5&gt;
  
  
  Databases and Storage
&lt;/h5&gt;

&lt;ul&gt;
&lt;li&gt;R2&lt;/li&gt;
&lt;li&gt;Workers KV&lt;/li&gt;
&lt;li&gt;Queues&lt;/li&gt;
&lt;li&gt;D1&lt;/li&gt;
&lt;/ul&gt;

&lt;h5&gt;
  
  
  Compute
&lt;/h5&gt;

&lt;ul&gt;
&lt;li&gt;Workers&lt;/li&gt;
&lt;li&gt;Workers for Platforms&lt;/li&gt;
&lt;li&gt;Durable Objects&lt;/li&gt;
&lt;li&gt;Workflows&lt;/li&gt;
&lt;/ul&gt;

&lt;h5&gt;
  
  
  AI
&lt;/h5&gt;

&lt;ul&gt;
&lt;li&gt;Workers AI&lt;/li&gt;
&lt;li&gt;Vectorize&lt;/li&gt;
&lt;/ul&gt;

&lt;h5&gt;
  
  
  Media
&lt;/h5&gt;

&lt;ul&gt;
&lt;li&gt;Images and transformations&lt;/li&gt;
&lt;li&gt;Stream&lt;/li&gt;
&lt;li&gt;Cloudflare Calls&lt;/li&gt;
&lt;/ul&gt;

&lt;h5&gt;
  
  
  Performance and Security
&lt;/h5&gt;

&lt;ul&gt;
&lt;li&gt;Argo&lt;/li&gt;
&lt;li&gt;Load Balancing&lt;/li&gt;
&lt;li&gt;Cache Reserve&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  UI/UX Skill
&lt;/h2&gt;

&lt;p&gt;This is currently the most starred UI skill project. It can be used to guide AI when generating app or website interfaces.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/nextlevelbuilder/ui-ux-pro-max-skill" rel="noopener noreferrer"&gt;https://github.com/nextlevelbuilder/ui-ux-pro-max-skill&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  App Submission
&lt;/h2&gt;

&lt;p&gt;When uploading screenshots in App Store Connect, it often reports that the image size is incorrect. You need to crop according to the exact size shown in the error message.&lt;/p&gt;

&lt;p&gt;These two tools can crop images directly to the dimensions required by App Store Connect.&lt;/p&gt;

&lt;p&gt;Preview and screenshot crop tool:&lt;br&gt;
&lt;a href="https://app-icon-generator.com/tools/apple-screenshot-preview-capture-tool" rel="noopener noreferrer"&gt;https://app-icon-generator.com/tools/apple-screenshot-preview-capture-tool&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;In-app purchase review screenshot crop tool:&lt;br&gt;
&lt;a href="https://app-icon-generator.com/tools/in-app-purchase-review-screenshot-crop-tool" rel="noopener noreferrer"&gt;https://app-icon-generator.com/tools/in-app-purchase-review-screenshot-crop-tool&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Apple Search Ads
&lt;/h2&gt;

&lt;p&gt;After your app goes live, you can run ads for it on the App Store through Apple's ad platform. New users usually get 100 USD in ad credit, which is worth claiming.&lt;/p&gt;

&lt;h3&gt;
  
  
  Eligibility
&lt;/h3&gt;

&lt;p&gt;As long as you meet the following conditions, you can qualify whether your account is personal or company-owned:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;New user:&lt;/strong&gt; You must be registering an Apple Search Ads account for the first time.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Developer status:&lt;/strong&gt; You must be the Account Holder of a registered App Store Connect account.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Published app:&lt;/strong&gt; At least one app under your account must already be live on the App Store.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Account linking:&lt;/strong&gt; Your Apple Search Ads account must be linked with your App Store Connect account.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  How It Works
&lt;/h3&gt;

&lt;p&gt;The credit is usually added automatically, but you still need to complete the basic setup:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Add a valid payment method, such as a credit card, in Apple Search Ads.&lt;/li&gt;
&lt;li&gt;The system will consume the 100 USD credit first. Only after that is exhausted will it start charging your card.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://app-ads.apple.com/" rel="noopener noreferrer"&gt;https://app-ads.apple.com/&lt;/a&gt;&lt;/p&gt;

</description>
      <category>ios</category>
      <category>development</category>
    </item>
  </channel>
</rss>
