Forem: Abhijay Yadav

Building NeuroNote — An AI-Powered Collaborative Note-Taking Tool

Abhijay Yadav — Sat, 02 Aug 2025 11:08:42 +0000

In the last few weeks, I’ve been working on a project I’m really excited about: NeuroNote — a real-time, collaborative note-taking platform enhanced with AI features like summarization and grammar correction.

Whether you're brainstorming with teammates or jotting down ideas solo, NeuroNote brings together the best of collaboration and intelligence in one seamless app.

🧠 What is NeuroNote?

NeuroNote is an AI-powered collaborative note-taking tool that enables users to write, edit, and enhance documents in real time.

🧩 Tiptap – rich text editor framework
🔗 Hocuspocus – real-time collaboration backend (Yjs)
🤖 Gemini API – AI features for summarization and grammar improvements

✨ Key Features

✅ Real-time collaboration with multiple users
✅ AI Summarization of long notes using Gemini
✅ Grammar enhancement and content correction
✅ Auth system for secure access
✅ Fully Dockerized for consistent deployment
✅ Monorepo structure using Turborepo

🛠 Tech Stack

Frontend: Next.js + Tailwind CSS
Editor: Tiptap (ProseMirror-based)
Backend: Express.js + Hocuspocus Server
AI Integration: Google Gemini API
Database: PostgreSQL with Prisma ORM
DevOps: Docker, Turborepo, CI/CD pipeline (coming soon)
Monorepo: Shared packages for API types, UI components, and utilities

🧩 Why I Built NeuroNote

While working on other collaborative apps, I found a gap: most editors offer real-time sync or AI assistance, but rarely both in one polished package. I wanted to build a tool that:

Combines collaboration and intelligence
Encourages focused writing, not just typing
Offers developer-friendly architecture for easy extension

📦 Dockerized & Monorepo-Ready

This project follows a monorepo structure using Turborepo, which makes development smoother when working with multiple interconnected packages.

The app is fully Dockerized, allowing for fast local setup and consistent deployment across environments. Whether you're deploying to GCP, AWS, or just running locally, the setup is minimal and efficient.

🔜 What's Next?

Here’s what I plan to add in the coming weeks:

📹 Video calling in collaborative rooms
🔍 Search and filter features inside documents
📊 Analytics dashboard for document usage
📁 Export to PDF/Markdown
🌐 Integrations with tools like Notion and Google Drive
✅ Unit and Integration Testing

🧪 Try It Out (Coming Soon)

A public demo is on the way. Once deployed, you’ll be able to try NeuroNote with your team and give feedback. Stay tuned for updates!

🙌 Feedback & Contributions

Want to explore the code or contribute?

👉 Check out the GitHub repo

If this sounds interesting to you, feel free to reach out or drop a star on the repo. I’m also open to contributions and suggestions!

Tags:
#Nextjs #AI #Tiptap #Hocuspocus #Turborepo #Docker #Webdev #OpenSource

## Building a Real-Time Collaborative App – Part 1: Chat Done Right 💬

Abhijay Yadav — Sun, 20 Apr 2025 08:39:16 +0000

Creating a real-time chat system from scratch using WebSockets, Prisma, and PostgreSQL.

I'm building a full-stack collaborative app inspired by tools like Notion and Slack. The vision? Real-time chat, shared documents, and even AI features like summarizing and explaining content.

This is Part 1 of the journey — where I built the chat system that powers real-time communication between users in the same room.

🛠️ Tech Stack

Frontend: React + Tailwind CSS
Backend: Node.js + Express
Database: PostgreSQL (via Neon)
ORM: Prisma
WebSocket: ws library

✨ Features

✅ Signup / Login / Logout with JWT
✅ Join or create chat rooms
✅ Real-time messaging via WebSockets
✅ Typing indicators (who’s typing?)
✅ Messages stored in PostgreSQL
✅ Secure token-based auth

Each chat room works like a real-time space where users can message, see typing activity, and stay synced with others instantly.

🖼️ Preview

🧠 Key Learnings

WebSocket architecture for multiple rooms requires clean message protocols and user-session tracking.
Prisma makes schema modeling and database integration straightforward.
Building a custom typing indicator system was surprisingly fun!

🔮 What’s Next?

The chat system is just the beginning. Here’s what’s coming up:

📝 Collaborative documents with Tiptap + Hocuspocus
🤖 AI integration for:
- Chat summarization
- Contextual explanations of documents

This is shaping up to be a real-time, AI-powered team workspace tool.

🔗 GitHub Repo

👉 Check out the code on GitHub

Thanks for reading! This is part of a devlog-style series where I’ll be building the entire app in public. If you're interested in collaborative tools, AI integration, or full-stack dev, follow along. 🚀

Learning WebRTC: My First Peer-to-Peer Connection

Abhijay Yadav — Sun, 23 Feb 2025 13:27:36 +0000

🚀 What is WebRTC?
WebRTC (Web Real-Time Communication) is a powerful technology that enables peer-to-peer (P2P) communication between browsers. With WebRTC, we can exchange video, audio, and data without needing an intermediate server.

⚡ My First WebRTC Connection
I built a basic WebRTC setup to establish a connection between two browsers. Here's what I did:

✅ Set up RTCPeerConnection for direct communication
✅ Implemented ICE (Interactive Connectivity Establishment)
✅ Used signaling to exchange session descriptions & candidates

✨ What’s Next?
Now that I understand the basics, I’m planning to:
Build a video chat app
Explore STUN/TURN servers for better connectivity
Experiment with WebRTC Data Channels
🚀 If you're also learning WebRTC, let’s connect! Drop a comment
or share your WebRTC experience below. 👇

WebRTC #WebDevelopment #JavaScript #100DaysOfCodeshare your WebRTC experience below. 👇

WebRTC #WebDevelopment #JavaScript #100DaysOfCode

Building My First Real-Time Chat App with WebSockets

Abhijay Yadav — Thu, 06 Feb 2025 10:26:31 +0000

Hey Devs! 👋 I recently completed learning WebSockets and built a basic real-time chat app. This was my first dive into real-time communication, and I wanted to share my experience!

Why WebSockets?
WebSockets allow bi-directional, real-time communication between the client and server. Unlike traditional HTTP requests, WebSockets maintain a persistent connection, making apps faster and more interactive.

Tech Stack
🔹 Frontend: React
🔹 Backend: Node.js
🔹 Communication: WebSockets

How It Works
1️⃣ A WebSocket connection is established between the client and server.
2️⃣ Messages sent by one user are broadcasted to others instantly.
3️⃣ No page refresh required—true real-time experience!

Key Learning Takeaways
✅ Setting up WebSocket connections in Node.js
✅ Handling real-time events in the frontend
✅ Understanding how real-time messaging works

Next Steps
I plan to explore Socket.IO next to enhance features like rooms, typing indicators, and message persistence. Any suggestions or best practices? 🤔

Let’s connect! 🚀 Drop your thoughts in the comments!