Boardy - Your Realtime Collaborative Whiteboard

Intro

Boardy is a Full-Stack built with Next.js for frontend and Convex as backend. it is an innovative and feature-rich realtime collaborative whiteboard, offering a seamless experience for brainstorming, planning, and creative collaboration. Join Boardy today and redefine how you collaborate!

Features

• 🛠️ Whiteboard from scratch
• 🧰 Toolbar with Text, Shapes, Sticky Notes & Pencil
• 🪄 Layering functionality
• 🎨 Coloring system
• ↩️ Undo & Redo functionality
• ⌨️ Keyboard shortcuts
• 🤝 Real-time collaboration
• 💾 Real-time database
• 🔐 Auth, organizations and invites
• ⭐️ Favoriting functionality
• 🌐 Next.js 14 framework
• 💅 TailwindCSS & ShadcnUI styling
• ⌨️ 100% written in TypeScript for type safety
• 🎁 ...much more

Tech Stack

Frontend

• Next.js v14 – React framework for building performant apps with the best developer experience
• Clerk – The complete user authentication system for modern applications built on top of Next.js and React.
• Zustand – A small, fast and scalable bear bones state-management solution.
• Tailwind – Utility-first CSS framework for rapid UI development
• Shadcn UI - A Component library to copy and paste component built on top of Tailwind + Radix.
• Lucide – Beautifully simple, pixel-perfect icons

Backend + Database

• Convex – A real-time database and backend for modern applications

Platform

• Vercel – The best platform for deploying Next.js apps with zero configuration

Code Quality

• TypeScript – Static type checker for end-to-end type-safety
• Prettier – Opinionated code formatter for consistent code style
• ESLint – Pluggable linter for Next.js & TypeScript

Author

• 
• 

Thank you!

Hope you like it. Please do ⭐ the repo. Happy coding!