Skip to content

ankushh14/drawl-frontend

Repository files navigation

Drawl- Frontend

ReactJS TailwindCSS TlDraw SocketIO YJS

Introduction

Drawl-landingPage

DrawL, the innovative web application designed to redefine your online interactions. DrawL combines seamless chatting capabilities with a unique and creative twist - introducing the Blankboard feature for collaborative drawing and scribbling. Whether you are planning a project, discussing ideas, or just looking to have fun with friends, DrawL is the ultimate destination for interactive and dynamic conversatio

  • Drawl uses TlDraw package for drawing board and YJS is used for awareness and real time collaboration
  • Drawl also includes a chat interface made with SocketIO
  • The UI is designed with TailwindCSS

Features

  • JWT-Based Authentication: Utilize Access Token and Refresh Token authentication for enhanced security.
  • Private Workspaces: Create exclusive rooms for secure collaboration.
  • Real-Time Collaboration: Real time updates of changes in the YJS document.
  • Dynamic Chat Interface: Foster instant communication between users with an interactive chat feature.
  • Theme Toggle: Personalize the user experience with a customizable light/dark theme switch.
  • Live Updates: Keep everyone in sync with real-time updates
  • Instant Notifications: Stay informed with notifications of changes and additions.

Screenshots

Drawl-workspace

Workspace named "Welcome to drawl"



Drawl-createworkspace

Drawl create workspace



Drawl-joinworkspace

Drawl join workspace



Drawl-loginpage

Drawl login page

📋 LICENSE

Apache 2.0 © 2024

Releases

No releases published

Packages

No packages published

Languages