<?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: Archan Banerjee</title>
    <description>The latest articles on DEV Community by Archan Banerjee (@archan9).</description>
    <link>https://dev.to/archan9</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%2F736394%2F414f944e-4a81-4fe2-90de-d99acf78ee64.jpg</url>
      <title>DEV Community: Archan Banerjee</title>
      <link>https://dev.to/archan9</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/archan9"/>
    <language>en</language>
    <item>
      <title>I built IchiPitchy — a browser-based vocal editor with live preview and high-quality exports</title>
      <dc:creator>Archan Banerjee</dc:creator>
      <pubDate>Mon, 15 Jun 2026 15:58:19 +0000</pubDate>
      <link>https://dev.to/archan9/i-built-ichipitchy-a-browser-based-vocal-editor-with-live-preview-and-high-quality-exports-34id</link>
      <guid>https://dev.to/archan9/i-built-ichipitchy-a-browser-based-vocal-editor-with-live-preview-and-high-quality-exports-34id</guid>
      <description>&lt;p&gt;&lt;a href="https://ichipitchy.com" rel="noopener noreferrer"&gt;ichipitchy.com&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I've been building &lt;strong&gt;IchiPitchy&lt;/strong&gt;, a vocal editor that runs entirely in the browser, no installs or plugins.&lt;/p&gt;

&lt;h2&gt;
  
  
  What it does
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;AI assistant&lt;/strong&gt; — describe the sound you want in plain language and it sets the mixing parameters for you&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Vocal separation&lt;/strong&gt; — extract clean vocals from a full mix (voice and instruments in one take)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Pitch correction&lt;/strong&gt; — edit notes on a piano-roll and reshape pitch contours, right down to individual notes&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Auto-tune&lt;/strong&gt; — set a key and scale and dial in how strong the snap is&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Effects&lt;/strong&gt; — 3-band EQ, compressor, reverb, delay, volume, and noise reduction&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Projects&lt;/strong&gt; — save your work and pick it back up anytime&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  The architecture
&lt;/h2&gt;

&lt;p&gt;The core decision: &lt;strong&gt;all live editing runs client-side.&lt;/strong&gt; Pitch shifting, effects, and the entire preview loop happen in the browser with zero network round-trips, so editing feels instant.&lt;/p&gt;

&lt;p&gt;The &lt;strong&gt;backend only handles the heavy, one-off work&lt;/strong&gt; — rendering the final high-quality export (lossless), running vocal separation, and powering the AI assistant. Real-time interaction stays local; the expensive jobs go to a queued worker.&lt;/p&gt;

&lt;p&gt;The interesting challenge was keeping the in-browser preview &lt;strong&gt;perceptually faithful&lt;/strong&gt; to the server-rendered export — same musical result, two engines.&lt;/p&gt;

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

&lt;p&gt;It's live and free: &lt;a href="https://ichipitchy.com" rel="noopener noreferrer"&gt;ichipitchy.com&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Would love feedback from anyone who's done real-time audio in the browser, especially on the client-preview vs server-export split.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>react</category>
      <category>ai</category>
      <category>buildinpublic</category>
    </item>
    <item>
      <title>ArJd-Live</title>
      <dc:creator>Archan Banerjee</dc:creator>
      <pubDate>Sun, 08 May 2022 09:32:59 +0000</pubDate>
      <link>https://dev.to/archan9/arjd-live-3jpj</link>
      <guid>https://dev.to/archan9/arjd-live-3jpj</guid>
      <description>&lt;h1&gt;
  
  
  &lt;strong&gt;ArJd-Live&lt;/strong&gt;
&lt;/h1&gt;

&lt;h2&gt;
  
  
  To visit &lt;em&gt;ArJd-Live&lt;/em&gt; click &lt;a href="https://arjd-live.herokuapp.com"&gt;here&lt;/a&gt;
&lt;/h2&gt;

&lt;h2&gt;
  
  
  Demo video click &lt;a href="https://youtu.be/nvcFr3a8WT4"&gt;here&lt;/a&gt;
&lt;/h2&gt;

&lt;h2&gt;
  
  
  &lt;strong&gt;Developed By&lt;/strong&gt;:
&lt;/h2&gt;

&lt;p&gt;➤ &lt;a href="https://github.com/jaydip1235"&gt;Jaydip Dey&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;➤ &lt;a href="https://github.com/ArchanJS"&gt;Archan Banerjee&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;## &lt;strong&gt;Old Features:&lt;/strong&gt;&lt;br&gt;
✅ Users can create their own room as well as share link of their rooms.&lt;/p&gt;

&lt;p&gt;✅ All the users in a particular room can update the same code simultaneously at the same time.&lt;/p&gt;

&lt;p&gt;✅ If anyone of the room member runs the code, the input and the output will be visible to all the members of that room.&lt;/p&gt;

&lt;p&gt;✅ The code snippets on changing the language are updated in real time. Any room can be accessed anytime with the URL or the room ID of that particular room, and can always get and modify the last updated code.&lt;/p&gt;

&lt;p&gt;✅ Supports 7 programming languages including C, C++, Java, Python etc.&lt;/p&gt;

&lt;p&gt;✅ Users can select themes (github, monokai etc.) according to their choices .&lt;/p&gt;

&lt;p&gt;✅ They can also choose the font size.&lt;/p&gt;

&lt;p&gt;## &lt;strong&gt;New Features:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;✅ Users can convert image to code.&lt;/p&gt;

&lt;p&gt;✅ Users can upload any code.&lt;/p&gt;

&lt;p&gt;✅ Users can download the code they've written.&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;strong&gt;How to run locally&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;➡️ Clone the repository&lt;/p&gt;

&lt;p&gt;➡️ Create a config.env file and add MONGO_URI and PORT with your own credentials.&lt;/p&gt;

&lt;p&gt;➡️Run &lt;strong&gt;npm install&lt;/strong&gt; both inside the client folder and the root folder.&lt;/p&gt;

&lt;p&gt;➡️Run &lt;strong&gt;node server&lt;/strong&gt; in the root folder and &lt;strong&gt;npm start&lt;/strong&gt; in the client folder.&lt;/p&gt;

&lt;p&gt;➡️App starts running on port 3000. You are good to code!&lt;/p&gt;

&lt;h2&gt;
  
  
  *&lt;em&gt;Screenshots: *&lt;/em&gt;
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://postimg.cc/0K71Rc7F"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--y_TjK0bH--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://i.postimg.cc/tJMq6cJq/arjd-live.png" alt="arjd-live.png" width="880" height="435"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://postimg.cc/3Ww8QqXT"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--A5izmthJ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://i.postimg.cc/gcVn8Frn/image.png" alt="image.png" width="880" height="436"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Do ⭐ the repo if you like and feel free to contribute by raising PR
&lt;/h2&gt;

</description>
      <category>react</category>
      <category>node</category>
      <category>express</category>
      <category>mongodb</category>
    </item>
    <item>
      <title>ArJd-Live</title>
      <dc:creator>Archan Banerjee</dc:creator>
      <pubDate>Wed, 26 Jan 2022 15:30:16 +0000</pubDate>
      <link>https://dev.to/archan9/arjd-live-2o26</link>
      <guid>https://dev.to/archan9/arjd-live-2o26</guid>
      <description>&lt;h2&gt;
  
  
  To visit &lt;em&gt;ArJd-Live&lt;/em&gt; click &lt;a href="https://arjd-live.herokuapp.com"&gt;here&lt;/a&gt;
&lt;/h2&gt;

&lt;h2&gt;
  
  
  Demo video click &lt;a href="https://youtu.be/nvcFr3a8WT4"&gt;here&lt;/a&gt;
&lt;/h2&gt;

&lt;p&gt;Recently we (me and &lt;a href="https://github.com/jaydip1235"&gt;Jaydip Dey&lt;/a&gt;) developed a code editor+compiler (&lt;a href="https://arjditor.herokuapp.com/"&gt;https://arjditor.herokuapp.com/&lt;/a&gt;) which Archan Banerjee posted few days ago. Today we (me and &lt;a href="https://github.com/jaydip1235"&gt;Jaydip Dey&lt;/a&gt;) have modified the project and took it to a level up by integrating realtime feature.&lt;/p&gt;

&lt;h3&gt;
  
  
  Hence presenting ArJd-Live, a realtime code-editor and compiler to ease coding interview process. Users can create their rooms and can invite others to their rooms. So, millions can work on same code at the same time together !
&lt;/h3&gt;

&lt;h2&gt;
  
  
  &lt;em&gt;Developed By&lt;/em&gt;:
&lt;/h2&gt;

&lt;p&gt;➤ &lt;a href="https://github.com/jaydip1235"&gt;Jaydip Dey&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;➤ &lt;a href="https://github.com/ArchanJS"&gt;Archan Banerjee&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;em&gt;Features&lt;/em&gt;:
&lt;/h2&gt;

&lt;p&gt;✅ Users can create their own room as well as share link of their rooms.&lt;/p&gt;

&lt;p&gt;✅ All the users in a particular room can update the same code simultaneously at the same time.&lt;/p&gt;

&lt;p&gt;✅ If anyone of the room member runs the code, the input and the output will be visible to all the members of that room.&lt;/p&gt;

&lt;p&gt;✅ The code snippets on changing the language are updated in real time. Any room can be accessed anytime with the URL or the room ID of that particular room, and can always get and modify the last updated code.&lt;/p&gt;

&lt;p&gt;✅ Supports 7 programming languages including C, C++, Java, Python etc.&lt;/p&gt;

&lt;p&gt;✅ Users can select themes (github, monokai etc.) according to their choices .&lt;/p&gt;

&lt;p&gt;✅ They can also choose the font size.&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;strong&gt;How to run locally&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;➡️ Clone the repository&lt;/p&gt;

&lt;p&gt;➡️ Create a config.env file and add MONGO_URI and PORT with your own credentials.&lt;/p&gt;

&lt;p&gt;➡️Run &lt;strong&gt;npm install&lt;/strong&gt; both inside the client folder and the root folder.&lt;/p&gt;

&lt;p&gt;➡️Run &lt;strong&gt;node server&lt;/strong&gt; in the root folder and &lt;strong&gt;npm start&lt;/strong&gt; in the client folder.&lt;/p&gt;

&lt;p&gt;➡️App starts running on port 3000. You are good to code!&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;strong&gt;Screenshot&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://postimg.cc/0K71Rc7F"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--y_TjK0bH--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://i.postimg.cc/tJMq6cJq/arjd-live.png" alt="arjd-live.png" width="880" height="435"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Do ⭐ the repo if you like and feel free to contribute by raising PR
&lt;/h2&gt;

</description>
      <category>react</category>
      <category>node</category>
      <category>mongodb</category>
      <category>socketio</category>
    </item>
    <item>
      <title>Arjditor</title>
      <dc:creator>Archan Banerjee</dc:creator>
      <pubDate>Wed, 19 Jan 2022 17:30:00 +0000</pubDate>
      <link>https://dev.to/archan9/arjditor-4h9a</link>
      <guid>https://dev.to/archan9/arjditor-4h9a</guid>
      <description>&lt;p&gt;&lt;a href="https://media.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%2Fwpoocofmdyeiunjnr3gh.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.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%2Fwpoocofmdyeiunjnr3gh.png" alt="Screenshot"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  To visit &lt;em&gt;Arjditor&lt;/em&gt;, click &lt;a href="https://arjditor.herokuapp.com/" rel="noopener noreferrer"&gt;here&lt;/a&gt;
&lt;/h2&gt;

&lt;h2&gt;
  
  
  To check out the &lt;em&gt;Github Repo&lt;/em&gt;, click &lt;a href="https://github.com/jaydip1235/Arjditor" rel="noopener noreferrer"&gt;here&lt;/a&gt;
&lt;/h2&gt;

&lt;h2&gt;
  
  
  To watch the &lt;em&gt;Demo Video&lt;/em&gt;, click &lt;a href="https://youtu.be/WegpX5JICYA" rel="noopener noreferrer"&gt;here&lt;/a&gt;
&lt;/h2&gt;

&lt;h2&gt;
  
  
  &lt;strong&gt;Developed By&lt;/strong&gt;:
&lt;/h2&gt;

&lt;p&gt;➤ &lt;a href="https://github.com/jaydip1235" rel="noopener noreferrer"&gt;Jaydip Dey&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;➤ &lt;a href="https://github.com/ArchanJS" rel="noopener noreferrer"&gt;Archan Banerjee&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;## &lt;strong&gt;Feature&lt;/strong&gt;&lt;br&gt;
✅ Supports 7 programming languages including C, C++, Java, Python etc.&lt;/p&gt;

&lt;p&gt;✅ Users can select themes (github, monokai etc.) according to their choices .&lt;/p&gt;

&lt;p&gt;✅ They can also choose the font size.&lt;/p&gt;

&lt;p&gt;✅ It also serves the purpose of running the code with or without input as per the user's choice.&lt;/p&gt;

&lt;p&gt;✅ Users can generate the URL using the &lt;em&gt;Run and Generate URL&lt;/em&gt; button and can share their codes to others. Others can view the the same code with the URL.&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;strong&gt;How to run locally&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;➡️ Clone the repository&lt;/p&gt;

&lt;p&gt;➡️ Create a config.env file and add MONGO_URI and PORT with your own credentials.&lt;/p&gt;

&lt;p&gt;➡️Run &lt;strong&gt;npm install&lt;/strong&gt; both inside the client folder and the root folder.&lt;/p&gt;

&lt;p&gt;➡️Run &lt;strong&gt;node server&lt;/strong&gt; in the root folder and &lt;strong&gt;npm start&lt;/strong&gt; in the client folder.&lt;/p&gt;

&lt;p&gt;➡️App starts running on port 3000. You are good to code!&lt;/p&gt;

&lt;h2&gt;
  
  
  Do ⭐ the repo if you like and feel free to contribute by PR
&lt;/h2&gt;

</description>
      <category>react</category>
      <category>node</category>
      <category>mongodb</category>
      <category>webdev</category>
    </item>
  </channel>
</rss>
