Shadcn Templates
kaifcoder

LiveCanvas

A collaborative whiteboard and diagramming app (formerly an Eraser.io clone) built with Next.js, Tailwind CSS, shadcn/ui, Convex and Kinde Auth.

133
GitHub stars
Free
Price
Mar 4, 2024
Updated
LiveCanvas screenshotOpen LiveCanvas

Overview:

LiveCanvas (formerly Eraser_clone, an Eraser.io clone) is a collaborative whiteboard and diagramming app for engineering teams. It is a showcase of modern web technologies including Next.js, Tailwind CSS, Shadcn/UI, Convex Database, and Kinde Authentication. It serves as a demonstration of cutting-edge web development practices and collaborative open-source work.

Features:

  • Modern Stack: Utilizes Next.js, Tailwind CSS, Shadcn/UI, Convex Database, and Kinde Authentication.
  • Open-Source Project: Encourages collaborative development and contributions from the community.
  • Demonstration of Technologies: Showcases the capabilities of Next.js and associated tools.
  • Bug Reporting and Feature Requests: Provides a straightforward process for users to report bugs and suggest features via GitHub repository.
  • Vercel Deployment: Offers easy deployment through the Vercel Platform.

Installation:

To set up LiveCanvas, follow these steps:

  1. Clone the repository:
git clone https://github.com/kaifcoder/livecanvas.git
  1. Install dependencies:
cd livecanvas
npm install
  1. Run the development server:
npm run dev
  1. Open http://localhost:3000 in your browser to view the application.

Summary:

LiveCanvas is a compelling project that highlights the latest web technologies. It provides a platform for developers to explore and contribute to modern web development practices. With its clear installation guide and features like bug reporting and Vercel deployment, this project offers a valuable learning experience for those interested in Next.js and related tools.