Skip to content

A Real Time Whiteboard for doodling with multiple peoples

License

Notifications You must be signed in to change notification settings

0xMishra/Slate.AI

ย 
ย 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

86 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

The Curent version does not support mobiles Devices

gdg

Open Source Love svg1 PRs Welcome Visitors GitHub forks GitHub Repo stars GitHub contributors GitHub last commit GitHub repo size Github GitHub issues GitHub closed issues GitHub pull requests GitHub closed pull requests

Participating in

Banner

Website - https://www.jwoc.tech/

About The Project

Slate.AI is a real-time collaborative whiteboarding web application, allowing multiple users to collaboratively create art using a shared canvas. Built with the MERN stack and Socket.IO, Slate.AI provides a seamless and engaging collaborative drawing experience.

Features

  • Real-time collaboration on a shared canvas.
  • Create and join rooms for collaborative drawing sessions.
  • Group chat feature inside a room.
  • MERN stack for robust and scalable architecture.
  • Socket.IO for efficient real-time communication.

Tech Stack

MongoDB Express.js React Node.js Socket.IO Bootstrap 5

Demo

Landing Page

Create/Join Room Page

Whiteboard with realtime collaboration and Room Chat features

Getting Started

Follow these steps to set up and run Slate.AI locally.

Prerequisites

  • Node.js and npm installed on your machine.

Installation

Open Terminal

Open cmd or any other terminal you have. Then run the following commands.

Clone the repo

git clone [email protected]:sd012gfhkhhvh/Slate.AI.git

Client

cd client
npm install

server

cd server
npm install

Running Locally

cd client
npm run dev

cd server
npm run dev

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. Fork the Project
  2. Create your Feature Branch ( git checkout -b feature/AmazingFeature )
  3. Add your Changes ( git add . )
  4. Commit your Changes ( git commit -m 'Add some AmazingFeature' )
  5. Push to the Branch ( git push origin feature/AmazingFeature )
  6. Open a Pull Request

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Mail us at - [email protected]

License

MIT License


โญGive this Project a Star

GitHub followers Twitter Follow

If you liked working on this project, do โญ and share this repository.

๐ŸŽ‰ ๐ŸŽŠ ๐Ÿ˜ƒ Happy Contributing ๐Ÿ˜ƒ ๐ŸŽŠ ๐ŸŽ‰

ยฉ 2024 Soham Das

Contributors

About

A Real Time Whiteboard for doodling with multiple peoples

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 96.6%
  • CSS 2.8%
  • HTML 0.6%