<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<title>React on Prateek Sharma</title>
		<link>https://prateeksharma.me/tags/react/</link>
		<description>Recent content in React on Prateek Sharma</description>
		<generator>Hugo</generator>
		<language>en-us</language>
		
		
		
		
			<lastBuildDate>Sun, 23 Aug 2026 00:00:00 +0000</lastBuildDate>
		
			<atom:link href="https://prateeksharma.me/tags/react/index.xml" rel="self" type="application/rss+xml" />
			<item>
				<title>Tidylnk</title>
				<link>https://prateeksharma.me/projects/tidylnk/</link>
				<pubDate>Sun, 23 Aug 2026 00:00:00 +0000</pubDate>
				<guid>https://prateeksharma.me/projects/tidylnk/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://admin.tidylnk.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;Tidylnk&lt;/a&gt;&#xA; is a URL shortener I built to have a&#xA;simple, self-hosted alternative to the usual third-party link shorteners, with an&#xA;admin panel to manage and track links.&lt;/p&gt;&#xA;&lt;h2 id=&#34;tech-stack&#34;&gt;Tech stack&lt;/h2&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;&lt;strong&gt;Backend&lt;/strong&gt; — Go, serving the redirect and link-management APIs.&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;Frontend&lt;/strong&gt; — a React admin panel for creating, organizing, and tracking&#xA;shortened links.&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;Storage&lt;/strong&gt; — PostgreSQL as the primary datastore for link records, with Redis&#xA;on the redirect hot path for fast lookups.&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;Deployment&lt;/strong&gt; — backend and database containerized with Docker and deployed on&#xA;Railway.&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;h2 id=&#34;why-i-built-it&#34;&gt;Why I built it&lt;/h2&gt;&#xA;&lt;p&gt;I wanted a link shortener I fully controlled — no reliance on a third party&amp;rsquo;s&#xA;uptime, rate limits, or analytics restrictions — and a project to exercise Go and&#xA;Redis together on a workload where caching genuinely matters: redirect latency.&lt;/p&gt;</description>
			</item>
			<item>
				<title>TTS Study Assistant</title>
				<link>https://prateeksharma.me/projects/tts-study-assistant/</link>
				<pubDate>Mon, 15 Jan 2024 00:00:00 +0000</pubDate>
				<guid>https://prateeksharma.me/projects/tts-study-assistant/</guid>
				<description>&lt;p&gt;The TTS Study Assistant lets you select text on any webpage, save it as a note,&#xA;hear it read aloud, and summarize it with AI for review. It&amp;rsquo;s a Chrome extension&#xA;(Manifest V3), a Go/Fiber backend, and a React admin panel.&lt;/p&gt;&#xA;&lt;h2 id=&#34;architecture&#34;&gt;Architecture&lt;/h2&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;&lt;strong&gt;Backend (Go)&lt;/strong&gt; — Fiber for HTTP, PostgreSQL via GORM, JWT auth, OpenAI for&#xA;summarization, deployed on Railway in a Docker container.&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;Frontend (React + TypeScript)&lt;/strong&gt; — Vite build, React Query + Context for&#xA;state, deployed on Vercel.&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;Extension&lt;/strong&gt; — Manifest V3 service worker, Chrome Storage API for local state,&#xA;Chrome TTS API for playback, content scripts for text selection.&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;h2 id=&#34;decisions-worth-noting&#34;&gt;Decisions worth noting&lt;/h2&gt;&#xA;&lt;h3 id=&#34;source-based-token-lifetimes&#34;&gt;Source-based token lifetimes&lt;/h3&gt;&#xA;&lt;p&gt;Web sessions and extension sessions have very different UX expectations, so the&#xA;access-token lifetime depends on where the request comes from:&lt;/p&gt;</description>
			</item>
	</channel>
</rss>
