<?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>Forem: Khader Vali</title>
    <description>The latest articles on Forem by Khader Vali (@khadervali).</description>
    <link>https://forem.com/khadervali</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%2F167205%2F5301f29c-60cf-4df0-bf8c-3abe7422dda3.jpeg</url>
      <title>Forem: Khader Vali</title>
      <link>https://forem.com/khadervali</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/khadervali"/>
    <language>en</language>
    <item>
      <title>I Built a Calculator App That Actually Feels Good to Use (And Runs Entirely in Your Browser)</title>
      <dc:creator>Khader Vali</dc:creator>
      <pubDate>Sat, 04 Apr 2026 16:53:29 +0000</pubDate>
      <link>https://forem.com/khadervali/i-built-a-calculator-app-that-actually-feels-good-to-use-and-runs-entirely-in-your-browser-1lpf</link>
      <guid>https://forem.com/khadervali/i-built-a-calculator-app-that-actually-feels-good-to-use-and-runs-entirely-in-your-browser-1lpf</guid>
      <description>&lt;p&gt;I built PercentMaster out of frustration with calculator sites that seem stuck in 2025 aesthetics, demand your email address to calculate a tip, or force you through three ad pages before giving you your result.&lt;/p&gt;

&lt;p&gt;The simple tool I first created for managing my finances has evolved into an integral part of my daily routine, and I now want to introduce it to anyone who values great user experience design, privacy, and practical problem-solving without any BS.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;PercentMaster is a completely free, no-registration-needed web application packed with more than 50 calculators and utilities that process on the client side, load instantly, and describe their purpose clearly.&lt;/strong&gt;&lt;/p&gt;
&lt;/blockquote&gt;

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

&lt;p&gt;What sparked it was pure frustration. It was the feeling of opening up a calculator tool and being greeted with:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Bloated UI.&lt;/strong&gt; Ads, pop-ups, and dark patterns everywhere.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Friction to use.&lt;/strong&gt; Sign up, verify email, accept cookies, &lt;em&gt;then&lt;/em&gt; calculate.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Privacy concerns.&lt;/strong&gt; No visibility into whether your inputs were logged or sent somewhere.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Vague or missing explanations.&lt;/strong&gt; You get a number back. Cool. But what does it mean? When should you actually use this?&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;I wanted to build the opposite: something fast, transparent, and respectful of your time and data.&lt;/p&gt;

&lt;h2&gt;
  
  
  What's Inside
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Finance &amp;amp; Math
&lt;/h3&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%2Fpaq64vbvj6iyq288pxrh.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%2Fpaq64vbvj6iyq288pxrh.png" alt="Finance &amp;amp; Math menu image" width="800" height="464"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Percentage, discount, tip, and comparison calculators.&lt;/strong&gt; The bread and butter.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Loan &amp;amp; mortgage calculators&lt;/strong&gt; with amortization clarity.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Compound &amp;amp; simple interest.&lt;/strong&gt; See how time and rates compound.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Income tax, sales tax, and salary estimators.&lt;/strong&gt; Quick snapshots for your location/scenario.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Retirement &amp;amp; investment calculators.&lt;/strong&gt; Rough projections to think about the long game.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Health &amp;amp; Education
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;BMI, calorie needs, and macro tracking tools.&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;GPA calculator.&lt;/strong&gt; For students, parents, counselors.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Age calculator.&lt;/strong&gt; Because you might want to know how many days old you are.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Developer &amp;amp; Utility Tools (The Fun Stuff)
&lt;/h3&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%2Fslzjms50yqgvmi21kz12.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%2Fslzjms50yqgvmi21kz12.png" alt="Developer &amp;amp; Utility Tools image" width="800" height="460"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Color converter.&lt;/strong&gt; Hex, RGB, HSL, named colors—fast switching.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Password generator.&lt;/strong&gt; Configurable length and character sets; no server involved.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Unit converter.&lt;/strong&gt; Length, weight, volume, temperature.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Currency &amp;amp; crypto converter.&lt;/strong&gt; Real-time rates (fetched client-side only).&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Date calculator.&lt;/strong&gt; Days between dates, add/subtract intervals.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;QR code generator.&lt;/strong&gt; Text to scannable code instantly.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Base64 encoder/decoder, JSON formatter/minifier, UUID v4 generator, Lorem ipsum generator.&lt;/strong&gt; All the little things you Google for.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Image compressor.&lt;/strong&gt; JPEG and WebP, runs entirely in your browser. No uploads to a server.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The utilities lean into privacy: if a tool doesn't need the internet, it doesn't touch it.&lt;/p&gt;

&lt;h2&gt;
  
  
  Tech Notes
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Stack:&lt;/strong&gt; React + TypeScript, built with Vite, styled with Tailwind CSS and accessible Radix UI primitives.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;What mattered:&lt;/strong&gt; Speed (everything loads in one bundle ~150KB gzipped), clarity (every calculator has a readable explanation or guide), and privacy (utilities that don't need a server run locally—no telemetry, no logs).&lt;/p&gt;

&lt;h2&gt;
  
  
  The Honest Bit
&lt;/h2&gt;

&lt;p&gt;PercentMaster is &lt;strong&gt;not&lt;/strong&gt; a substitute for professional advice. For tax liability, medical decisions, or legal questions, consult a qualified professional. This is a thinking tool, not a decision-maker.&lt;/p&gt;

&lt;h2&gt;
  
  
  How to Use It
&lt;/h2&gt;

&lt;p&gt;Visit &lt;a href="https://percentmaster.com" rel="noopener noreferrer"&gt;percentmaster&lt;/a&gt;, pick a calculator, and go. No account. No email. No "free trial" leading to a paywall.&lt;/p&gt;

&lt;p&gt;The information for the &lt;a href="https://percentmaster.com/blog" rel="noopener noreferrer"&gt;blog&lt;/a&gt; can be used to figure out the exact formula used in the calculation of the calculators.&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%2Fc35rml285vpdfonnqomu.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%2Fc35rml285vpdfonnqomu.png" alt="How to Use It - Blog Image" width="800" height="463"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Try starting with:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;The &lt;strong&gt;discount calculator&lt;/strong&gt; if you want to feel good about your next purchase.&lt;/li&gt;
&lt;li&gt;The &lt;strong&gt;compound interest calculator&lt;/strong&gt; if you want a small dose of motivation to save.&lt;/li&gt;
&lt;li&gt;The &lt;strong&gt;password generator&lt;/strong&gt; if you've ever had to invent one by hand (we've all suffered).&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  What's Next
&lt;/h2&gt;

&lt;p&gt;I'm always adding more tools based on what people ask for. If there's a calculator or utility you wish existed, let me know in the comments or reach out.&lt;/p&gt;

&lt;p&gt;Thanks for stopping by. Hope it saves you some time.&lt;/p&gt;

</description>
      <category>productivity</category>
      <category>showdev</category>
      <category>ux</category>
      <category>webdev</category>
    </item>
  </channel>
</rss>
