https://github.com/ajay1214/abwhiteboard

Collaborative White Board
https://github.com/ajay1214/abwhiteboard

full-stack-web-development github-repository mern-stack nextjs projects reactjs whiteboard

Last synced: 16 days ago
JSON representation

Collaborative White Board

• Host: GitHub
• URL: https://github.com/ajay1214/abwhiteboard
• Owner: ajay1214
• License: mit
• Created: 2024-07-19T05:13:51.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-08-02T19:44:50.000Z (9 months ago)
• Last Synced: 2024-08-02T22:41:34.965Z (9 months ago)
• Topics: full-stack-web-development, github-repository, mern-stack, nextjs, projects, reactjs, whiteboard
• Language: TypeScript
• Homepage: https://ab-white-board.vercel.app
• Size: 8.98 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
---

# 🎨 Collaborative Whiteboard

Welcome to the **Collaborative Whiteboard** project! This application is a real-time, collaborative whiteboard tool designed for seamless and interactive experiences. Whether you're brainstorming, teaching, or designing, this tool provides all the essential features to bring your ideas to life.

## Demo(https://ab-white-board.vercel.app/)

## 🚀 Features

- **🛠️ Whiteboard from Scratch:** Start with a blank canvas and create your own whiteboard.

- **🧰 Toolbar with Text, Shapes, Sticky Notes & Pencil:** Use a comprehensive set of tools to annotate and draw on the whiteboard.

- **🪄 Layering Functionality:** Organize elements on the board with layers, giving you full control over the content.

- **🎨 Coloring System:** Customize your board with a full spectrum of colors.

- **↩️ Undo & Redo Functionality:** Easily correct mistakes with undo and redo options.

- **⌨️ Keyboard Shortcuts:** Boost your productivity with convenient keyboard shortcuts.

- **🤝 Real-Time Collaboration:** Work with others in real-time, making remote collaboration smooth and effective.

- **💾 Real-Time Database:** Ensure your data is always up-to-date with real-time synchronization.

- **🔐 Auth, Organizations, and Invites:** Secure your workspace with authentication, manage organizations, and invite team members.

- **⭐️ Favoriting Functionality:** Mark important boards as favorites for quick access.

- **🌐 Built with Next.js 14:** Leveraging the power of Next.js 14 for a modern, fast, and scalable application.

- **💅 Styled with TailwindCSS & ShadcnUI:** Enjoy a sleek and responsive design, styled with TailwindCSS and ShadcnUI.

- **💸 Making it SaaS app:** (TO DO).

## 🛠️ Tech Stack

- **Frontend:** [Next.js 14](https://nextjs.org/)

- **Styling:** [TailwindCSS](https://tailwindcss.com/), [ShadcnUI](https://shadcn.dev/)

- **Backend:** Real-time database (e.g., Firebase, Convex, or similar)

- **Authentication:** Clerk user authentication

- **Deployment:** [Vercel](https://vercel.com/) for seamless CI/CD

## 📧 Contact

If you have any questions or feedback, feel free to reach out via [[email protected]].

---