<?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: Nirjon</title>
    <description>The latest articles on DEV Community by Nirjon (@nirjon_09).</description>
    <link>https://dev.to/nirjon_09</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3966077%2F0e5853dd-da61-412c-a6b6-57b0b3e10c57.gif</url>
      <title>DEV Community: Nirjon</title>
      <link>https://dev.to/nirjon_09</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/nirjon_09"/>
    <language>en</language>
    <item>
      <title>Prangon — Two of Us Are Building a Social Network in Bangladesh 🇧🇩</title>
      <dc:creator>Nirjon</dc:creator>
      <pubDate>Sun, 30 Aug 2026 18:18:23 +0000</pubDate>
      <link>https://dev.to/nirjon_09/prangon-two-of-us-are-building-a-social-network-in-bangladesh-3731</link>
      <guid>https://dev.to/nirjon_09/prangon-two-of-us-are-building-a-social-network-in-bangladesh-3731</guid>
      <description>&lt;p&gt;Hey DEV fam! 👋&lt;/p&gt;

&lt;p&gt;Different kind of post from me today. No live link, no repo — just introducing a project, because we're not ready to open the doors yet.&lt;/p&gt;

&lt;h2&gt;
  
  
  🇧🇩 What is Prangon?
&lt;/h2&gt;

&lt;p&gt;Prangon is a social network being built in Bangladesh. The tagline on the app says it straight: next-generation social networking.&lt;/p&gt;

&lt;p&gt;The project has been in development for 9+ months. It started as a solo project — recently I joined, so now it's a duo 😂&lt;/p&gt;

&lt;h2&gt;
  
  
  🎨 The design language
&lt;/h2&gt;

&lt;p&gt;We went the opposite way of typical social apps: airy whites and refined neutrals instead of the usual dark or oversaturated look, thin editorial stroke icons, heavy glass-morphism with frosted glass surfaces, and Electric Coral (#FF4F5A) as the brand accent.&lt;/p&gt;

&lt;h2&gt;
  
  
  ✨ The features
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;Profile Theme System — our most distinctive one. Four themes: Default, Gold (subtle premium amber), Platinum (cool chrome/silver), and Nitro (premium mono with animated elements). Each theme restyles your post cards, borders and visual treatment. Pick the one that matches your personality.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Animated GIF Cover Photos — Nitro-exclusive. Premium users can upload animated GIF profile covers, regular users get static ones. The platform even validates GIF-only uploads based on theme.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Premium Styling Hierarchy — post cards visually distinguish tiers: standard borders for regular users, amber for Gold verified, chrome/zinc for Platinum, and monochrome with a subtle white glow for Nitro. An aspirational ladder: default → gold → platinum → nitro.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Post Pinning &amp;amp; Curation — pin your best posts to your profile so visitors see your greatest hits first.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Live Analytics Dashboard — built in, Instagram-Insights-style: profile views with trend percentages, content reach (reactions × 3), reaction tracking, and share counts with historical comparison. No separate app needed.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Double-Tap Heart + Custom Reactions — the classic double-tap-to-like with heart animation, plus emoji reactions beyond a plain like.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Smart Adaptive Header — the header collapses and expands based on scroll, smoothly hiding and revealing search and icons depending on screen space. Fluid, responsive navigation.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Progressive Profile Depth — profile data visibility is controlled per user (follow status decides what others can see). Privacy plus social dynamics.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;And under the hood it's PWA-first, with role-based access and SEO baked in.&lt;/p&gt;

&lt;h2&gt;
  
  
  🆚 How is this different?
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Feature&lt;/th&gt;
&lt;th&gt;Prangon&lt;/th&gt;
&lt;th&gt;Instagram / TikTok&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Profile themes&lt;/td&gt;
&lt;td&gt;4 customizable themes with a tier system&lt;/td&gt;
&lt;td&gt;Single standard look&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Animated covers&lt;/td&gt;
&lt;td&gt;GIF covers for premium (Nitro)&lt;/td&gt;
&lt;td&gt;No animated profile covers&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Design aesthetic&lt;/td&gt;
&lt;td&gt;Editorial minimal + glass-morphism&lt;/td&gt;
&lt;td&gt;Bright, saturated, standard UI&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Analytics&lt;/td&gt;
&lt;td&gt;Built-in live dashboard with trends&lt;/td&gt;
&lt;td&gt;Separate analytics app&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Brand color&lt;/td&gt;
&lt;td&gt;Electric Coral&lt;/td&gt;
&lt;td&gt;Multiple brand variants&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Post personalization&lt;/td&gt;
&lt;td&gt;Theme-based post card styling&lt;/td&gt;
&lt;td&gt;Uniform post appearance&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;h2&gt;
  
  
  🐛 Where it stands
&lt;/h2&gt;

&lt;p&gt;We have a stable version working. But it still has some bugs, so we're not releasing it publicly yet — we'd rather polish it than ship something half-broken.&lt;/p&gt;




&lt;p&gt;No launch date yet. When the bugs are squashed, we'll share it here first.&lt;/p&gt;

&lt;p&gt;Meanwhile — what would YOU want from a social network made for Bangladesh? Feature ideas, warnings, "this will fail because..." — I read everything. 💬&lt;/p&gt;

&lt;p&gt;👤 My builds: &lt;a href="https://github.com/shohail-mahmud" rel="noopener noreferrer"&gt;github.com/shohail-mahmud&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;📸 Me on Instagram: &lt;a href="https://instagram.com/shohailmahmud09" rel="noopener noreferrer"&gt;@shohailmahmud09&lt;/a&gt;&lt;br&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%2F6ymgjsgbphkq4r5kadmd.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%2F6ymgjsgbphkq4r5kadmd.png" alt=" " width="800" height="690"&gt;&lt;/a&gt;&lt;br&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%2Flx8xu3gyljyep2tcc9ws.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%2Flx8xu3gyljyep2tcc9ws.png" alt=" " width="745" height="941"&gt;&lt;/a&gt;&lt;br&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%2Ful2b0vna4mze5u022543.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%2Ful2b0vna4mze5u022543.png" alt=" " width="553" height="836"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
    </item>
    <item>
      <title>I Built a Motion-Driven Messi Tribute Site — Messi Aura 🐐</title>
      <dc:creator>Nirjon</dc:creator>
      <pubDate>Tue, 25 Aug 2026 02:59:55 +0000</pubDate>
      <link>https://dev.to/nirjon_09/i-built-a-motion-driven-messi-tribute-site-messi-aura-4ec8</link>
      <guid>https://dev.to/nirjon_09/i-built-a-motion-driven-messi-tribute-site-messi-aura-4ec8</guid>
      <description>&lt;p&gt;Hey DEV fam! 👋&lt;/p&gt;

&lt;p&gt;This one is an old build of mine — Messi Aura, a tribute site for Lionel Messi. The tagline says it all: MESSI — Game-Elevating Greatness.&lt;/p&gt;

&lt;p&gt;It was crafted to feel less like a website and more like an atmosphere — smooth motion, soft blurs, expressive typography, and clean rounded UI everywhere.&lt;/p&gt;

&lt;p&gt;There's a hero, a Goals page, a Records page, a Gallery, a dock-style club toggle... but I'm not going to spill everything here. Go check it yourself ⚽&lt;/p&gt;

&lt;p&gt;🔴 Live: &lt;a href="https://messi-moments-s09.vercel.app/" rel="noopener noreferrer"&gt;messi-moments-s09.vercel.app&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;⭐ Source: &lt;a href="https://github.com/shohail-mahmud/messi-moments-s09" rel="noopener noreferrer"&gt;github.com/shohail-mahmud/messi-moments-s09&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  🛠️ Tech stack
&lt;/h2&gt;

&lt;p&gt;React 18 + TypeScript&lt;/p&gt;

&lt;p&gt;Vite&lt;/p&gt;

&lt;p&gt;Tailwind CSS + shadcn/ui&lt;/p&gt;

&lt;p&gt;Framer Motion 12&lt;/p&gt;

&lt;p&gt;Built with Lovable&lt;/p&gt;

&lt;h2&gt;
  
  
  🤖 The honest part
&lt;/h2&gt;

&lt;p&gt;Same as all my builds — I'm a vibe coder: designer, frontend dev, no-code builder, motion-first UI/UX thinker. I describe the atmosphere I want, AI tools build it, and I direct until it feels right.&lt;/p&gt;




&lt;p&gt;Open the site, click through the pages, and tell me — what's your favourite Messi moment? 💬&lt;/p&gt;

&lt;p&gt;👤 More of my builds: &lt;a href="https://github.com/shohail-mahmud" rel="noopener noreferrer"&gt;github.com/shohail-mahmud&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;📸 Me on Instagram: &lt;a href="https://instagram.com/shohailmahmud09" rel="noopener noreferrer"&gt;@shohailmahmud09&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;⭐ on the repo makes my day!&lt;/p&gt;

</description>
      <category>frontend</category>
      <category>react</category>
      <category>showdev</category>
      <category>ui</category>
    </item>
    <item>
      <title>I Built a Cinematic Tribute Website for Rituparno Ghosh — RUDRA DA 🎬</title>
      <dc:creator>Nirjon</dc:creator>
      <pubDate>Sun, 23 Aug 2026 17:03:43 +0000</pubDate>
      <link>https://dev.to/nirjon_09/i-built-a-cinematic-tribute-website-for-rituparno-ghosh-rudra-da-1a4</link>
      <guid>https://dev.to/nirjon_09/i-built-a-cinematic-tribute-website-for-rituparno-ghosh-rudra-da-1a4</guid>
      <description>&lt;p&gt;Hey DEV fam! 👋&lt;/p&gt;

&lt;p&gt;Rituparno Ghosh — one of India's most celebrated film directors and screenwriters, the director behind Unishe April, Chokher Bali, Raincoat, The Last Lear and Chitrangada: The Crowning Wish. So I built him a digital museum.&lt;/p&gt;

&lt;p&gt;🎬 Check it out live → &lt;a href="https://rudra-da.vercel.app/" rel="noopener noreferrer"&gt;rudra-da.vercel.app&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;⭐ Source code → &lt;a href="https://github.com/shohail-mahmud/rudra-da" rel="noopener noreferrer"&gt;github.com/shohail-mahmud/rudra-da&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  🎞️ What I built
&lt;/h2&gt;

&lt;p&gt;RUDRA DA is a single-page tribute website — a quiet, editorial, black-and-white museum of his life and work. It features:&lt;/p&gt;

&lt;p&gt;🎥 Full-screen cinematic hero with an animated title reveal&lt;/p&gt;

&lt;p&gt;🍿 Netflix-inspired Creations section — all 20 of his films (1992–2013) in a scrollable carousel, with real posters, cast, and "watch now" links&lt;/p&gt;

&lt;p&gt;🔎 Film detail modals — synopsis, cast, awards for each film&lt;/p&gt;

&lt;p&gt;🏆 Achievements timeline — his National Film Awards, from Unishe April (Best Feature Film, 1995) onwards&lt;/p&gt;

&lt;p&gt;🎙️ Documentaries — his work beyond fiction, including Bird of Dusk and Jeevan Smriti&lt;/p&gt;

&lt;p&gt;📷 Memories gallery — moments and quotes from his life&lt;/p&gt;

&lt;p&gt;🖤 Monochrome editorial aesthetic — dark, minimal, timeless&lt;/p&gt;

&lt;p&gt;📱 Fully responsive — polished on mobile and desktop&lt;/p&gt;

&lt;h2&gt;
  
  
  🛠️ Tech stack
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Layer&lt;/th&gt;
&lt;th&gt;Technology&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Framework&lt;/td&gt;
&lt;td&gt;TanStack Start (React 19 + SSR)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Language&lt;/td&gt;
&lt;td&gt;TypeScript&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Build tool&lt;/td&gt;
&lt;td&gt;Vite&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Styling&lt;/td&gt;
&lt;td&gt;Tailwind CSS 4 + custom typography&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;UI primitives&lt;/td&gt;
&lt;td&gt;shadcn/ui (Radix)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Animation&lt;/td&gt;
&lt;td&gt;Framer Motion&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Routing&lt;/td&gt;
&lt;td&gt;TanStack Router&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Deployment&lt;/td&gt;
&lt;td&gt;Vercel&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;h2&gt;
  
  
  🤖 The honest part: I vibe-coded it
&lt;/h2&gt;

&lt;p&gt;I'm a Bangladeshi web developer, AI-assisted builder, vibe coder — learning by building. AI tools did the heavy lifting; I directed.&lt;/p&gt;

&lt;p&gt;AI is great at the 80% — layout, components, animations. The last 20% took real patience. Don't take my word for it, take my commit history's:&lt;/p&gt;

&lt;p&gt;Fix image src attribute in Hero component&lt;br&gt;
Adjust image positioning in Hero component&lt;br&gt;
Enhance SEO with author and Open Graph meta tags&lt;/p&gt;

&lt;p&gt;That's where I actually learned the most.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;"I felt like making films after I watched Satyajit Ray's films." — Rituparno Ghosh&lt;/p&gt;
&lt;/blockquote&gt;




&lt;p&gt;If you love Bengali cinema, open the site and press a film card. That modal is my favourite part. 🍿&lt;/p&gt;

&lt;p&gt;🔴 Live: &lt;a href="https://rudra-da.vercel.app/" rel="noopener noreferrer"&gt;rudra-da.vercel.app&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;💻 Repo: &lt;a href="https://github.com/shohail-mahmud/rudra-da" rel="noopener noreferrer"&gt;github.com/shohail-mahmud/rudra-da&lt;/a&gt; — a ⭐ makes my day!&lt;/p&gt;

&lt;p&gt;👤 More of my builds: &lt;a href="https://github.com/shohail-mahmud" rel="noopener noreferrer"&gt;github.com/shohail-mahmud&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;📸 Me on Instagram: &lt;a href="https://instagram.com/shohailmahmud09" rel="noopener noreferrer"&gt;@shohailmahmud09&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;What film should I add next? Drop it in the comments! 💬&lt;/p&gt;

</description>
      <category>frontend</category>
      <category>opensource</category>
      <category>showdev</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Movie Hub - Free Movie Streaming Site (Serverless &amp; No Data Collection)</title>
      <dc:creator>Nirjon</dc:creator>
      <pubDate>Wed, 03 Jun 2026 08:35:11 +0000</pubDate>
      <link>https://dev.to/nirjon_09/movie-hub-free-movie-streaming-site-serverless-no-data-collection-1p58</link>
      <guid>https://dev.to/nirjon_09/movie-hub-free-movie-streaming-site-serverless-no-data-collection-1p58</guid>
      <description>&lt;p&gt;Hey!&lt;/p&gt;

&lt;p&gt;While messing around with random API keys, I thought why not build something actually useful. So I created Movie Hub — a free movie streaming website with features like watch history, watchlist, search, and more.&lt;/p&gt;

&lt;p&gt;It's completely serverless and doesn't collect any user data.&lt;/p&gt;

&lt;p&gt;Try it here:&lt;br&gt;
&lt;a href="https://movie-hub-2.nirjonpc.workers.dev/" rel="noopener noreferrer"&gt;https://movie-hub-2.nirjonpc.workers.dev/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Hosted on Cloudflare Workers.&lt;/p&gt;

&lt;p&gt;If you find it useful, please consider giving it a star on GitHub ⭐&lt;br&gt;
&lt;a href="https://github.com/shohail-mahmud/movie-hub-2" rel="noopener noreferrer"&gt;https://github.com/shohail-mahmud/movie-hub-2&lt;/a&gt;&lt;br&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%2Flte8ngnokrvsm3c14hnu.jpg" 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%2Flte8ngnokrvsm3c14hnu.jpg" alt=" " width="799" height="422"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>ai</category>
      <category>webdev</category>
      <category>vibecoding</category>
      <category>sideprojects</category>
    </item>
  </channel>
</rss>
