Skip to content

sarthakastic/crayon

Repository files navigation

Crayon

"Crayon" is a real-time drawing board platform that sparks creativity and collaboration. With a user-friendly interface and diverse drawing tools, it caters to artists of all levels. Its real-time collaboration feature allows multiple users to work together seamlessly, fostering teamwork and communication. Beyond drawing, Crayon offers easy saving options, enabling users to export their creations. In essence, Crayon is a dynamic space where individuals can bring their artistic visions to life and collaborate with others in real-time.

Visit Live Site

https://the-crayon.vercel.app/

Demo

Screen.Recording.2024-02-09.at.8.13.29.PM.mov

Features

  • Real time collaboration with multiple user🧑‍💻
  • Different colors and brush sizes 🧑‍🎨
  • Different sizes of eraser ✏️
  • Undo and Redo button for easy changes ↔️
  • Download option to export the drawing to local machine ⤵️

Tech Stack

Next JS, Express JS, Socket IO, Tailwind CSS, Redux Toolkit

Contributions

Contributions are always welcome!

  • Fork this repository

  • To clone on your local system type :

git clone https://github.com/sarthakastic/crayon.git

  • Install node modules in your project by typing :

npm install

or

yarn add

  • Please adhere to this project's code of conduct.

Support

For support,

  • Give this repo a star, and
  • Follow me on my social handles

Design Architecture

Screenshot 2024-02-10 at 5 40 13 PM