DEV Community: Rounak Bakshi

Whispr a chat app...

Rounak Bakshi — Sat, 28 Jun 2025 10:50:14 +0000

I Built a Real-Time Chat App Using MERN + Socket.IO and Deployed It to Render as my FIRST MERN Project..🚀

Hey everyone! 👋

I've just finished building Whispr — a sleek real-time chat application using the MERN stack + Socket.IO. It supports private messaging, profile uploads, and real-time socket updates, all styled with Tailwind CSS as well as responsive for every device.

🔗 Check it Out

👉 Live App: https://whispr-a-chat-app.onrender.com

📦 GitHub Repo: Whispr on GitHub

🛠️ What I Used

Frontend: React (Vite), Zustand, Tailwind, React Hot Toast

Backend: Express, MongoDB, Mongoose, JWT, Cloudinary

WebSocket: Socket.IO

Deployment: Render (Free tier)

🔥 Key Features

👤 Auth with JWT & cookies
⚡ Real-time chat updates
💡 Profile management
🌐 Live WebSocket handling (online/offline)

Would love your feedback or ideas for next features (emoji support, group chat, etc). 🙌

Library.com

Rounak Bakshi — Sun, 25 May 2025 09:08:07 +0000

🚀 New Release: Library Books API v1.1.0 — Now with Auth and Enhanced Filtering!

Hey Devs! 👋

I'm excited to share that version 1.1.0 of my Library Books Backend API is now live! This update brings a bunch of quality-of-life improvements, especially for developers building full-stack apps with user authentication and MongoDB.

🔑 Key Features

🔐 User Authentication (Login + Logout)

You can now register users, securely log them in using JWT tokens, and manage access to protected routes!

📚 Book Management with MongoDB

All book data is stored in MongoDB, with support for:

Adding new books
Retrieving all books
Filtering free books based on price ("Free", "0", or 0)

🛠 Improved API Responses

Consistent JSON responses across all routes — no more missing fields!

🐛 Bug Fixes

Fixed "Illegal arguments: string, undefined" caused by using User.find() instead of findOne().
Resolved a MongoDB Atlas connection failure due to bad auth.
Ensured that the price field is always included in the book data returned from the database.

🧪 Example Book Object

{
  "name": "Story Book",
  "title": "A Friend and a Foe",
  "price": "Free",
  "category": "Story",
  "image": "https://cdn.pixabay.com/photo/2018/01/18/09/13/book-3089857_1280.jpg"
}

GitHUB repo:

https://github.com/rou-nak-cloud/Library_Of_Books

Build a PDF Maker with React, Tailwind, Mammoth.js, and PDFKit

Rounak Bakshi — Tue, 13 May 2025 10:22:20 +0000

Hey Friends!
I just wrapped up a full-stack project that converts .docx files into clean, downloadable PDFs — all from a modern web interface.

Tech Stack Used:
Frontend: React + Tailwind CSS
Backend: Node.js + Express

Libraries:
Mammoth.js – for extracting clean HTML from .docx files
PDFKit – for generating professional PDFs
Multer – for handling file uploads

Key Features:
Upload .docx files
Preview content in clean HTML (no messy Word styles)
Generate and download fully styled PDFs
Mobile responsive UI
Seamless UX with React and Tailwind

🔗 GitHub Repo:
Check out the full code here:
https://github.com/rou-nak-cloud/PDF-Maker

What I Learned...

Handling file uploads with Multer in Express
Parsing .docx files cleanly using Mammoth.js
Dynamically generating PDFs server-side with PDFKit
Structuring a React project with Tailwind and Axios
Ensuring responsive design from start to finish

Thanks for reading & happy coding!! 🔧

Animated GTA6-Inspired Landing Page with React + GSAP

Rounak Bakshi — Mon, 12 May 2025 09:22:08 +0000

Hey devs! 👋
I just wrapped up building a fun and animated GTA6-style landing page using:

🚀 React
🎨 Tailwind CSS
🌀 GSAP for smooth, timeline-based animations

This was a creative frontend challenge for me — especially layering visuals like characters, backgrounds, getting them by many many prompts to get the actual images and scroll hints using pure CSS and motion.

📸 Screenshots + Code:
🔗 GitHub Repo: https://github.com/rou-nak-cloud/GTA6
🎞️ Live Preview: https://gta6-ead8.onrender.com

Let me know what you think — open to feedback and collab ideas!