webwrite Tailwind Templates

Webwrite

Created a web-based tool for designing and sharing mind maps, whiteboards, and flowcharts using Next.js, React, Tailwind CSS, and TypeScript. Real-time collaboration features have been implemented, enabling users to invite editors and viewers to their workspace. Designed a user-friendly and responsive interface using Tailwind CSS.

WebWrite

WebWrite is a web-based tool for designing and sharing mind maps, whiteboards, and flowcharts. It supports real-time collaboration, allowing users to invite editors and viewers to their workspace. The application is built using Next.js, React, Tailwind CSS, and TypeScript.

Features

  • Mind Maps, Whiteboards, and Flowcharts: Create and manage different types of visual content.
  • Real-Time Collaboration: Work together with others in real-time.
  • User Authentication: Secure authentication using Clerk.
  • Responsive Design: User-friendly and responsive interface designed with Tailwind CSS.

Tech Stack

  • Frontend: Next.js, React, Tailwind CSS, TypeScript
  • Authentication: Clerk
  • Real-Time Collaboration: Liveblocks

Getting Started

Prerequisites

Make sure you have the following installed:

  • Node.js (v14 or later)
  • npm or yarn

Installation

Clone the repository:

git clone https://github.com/MOHITH-2002/webwrite.git .

Install dependencies:

npm install

Running the Development Server

Start the development server:

npm run dev

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

Top categories

Loading Svelte Themes