Biscord is a project in which I took a inspiration from Discord and built a fully functional full-stack web-app using Next.js, Typescript, Clerk, Zustand, React-Query, Prisma, Socket.io, and TailwindCSS. Throughout the process, I followed best practices for full stack development in order to create a high-quality, scalable web app that is fast and easy to maintain.
Key Features:-
Real-time messaging using Socket.io
Send attachments as messages using UploadThing
Delete & Edit messages in real time for all users
Create Text, Audio and Video call Channels
1:1 conversation between members
1:1 video calls between members
Member management (Kick, Role change Guest / Moderator)
Unique invite link generation & full working invite system
Infinite loading for messages in batches of 10 (@tanstack/query)
Server creation and customization
Beautiful UI using TailwindCSS and ShadcnUI
Full responsivity and mobile UI- Light / Dark mode
Websocket fallback: Polling with alerts - ORM using Prisma
MySQL database using Planetscale
Authentication with Clerk
