GSSOC'24 Guidelines

Issues Level
- Level 1: 10 points
- Level 2: 25 points
- Level 3: 45 points
Issue Assignment
- Remember assigning an issue to someone does not means that he is the only person to contribute on that particular issue . Other persons can also make PR to that particular issue .

NextDraw

A Next.js based whiteboard application using Rough.js under the hood .

Supports websockets
Supports shapes like : rectangle || square || ellipse || freehand etc
Record feature
Pan | zoom and lot more . Just click on the hosted link.

Screenshots

Features

RECORDING ✅

Middle Mouse Click ToolBar
Collaboration(Websockets)

Built With

Frontend

https://github.com/dhruvpatidar359/nextdraw

Backend

https://github.com/dhruvpatidar359/nextDrawBackend

Contributing

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

Fork the Project
Create your Feature Branch (git checkout -b feature/AmazingFeature)
Commit your Changes (git commit -m 'Add some AmazingFeature')
Push to the Branch (git push origin feature/AmazingFeature)
Open a Pull Request

Installation(LOCAL SETUP)

WARNING : First install the backend through this repository https://github.com/dhruvpatidar359/nextDrawBackend

FrontEnd Installation

Fork the Project

  use the github fork button

Create a .env.local file in the directory and create the below field: Put the url of the locally hosted server that we have created before

 NEXT_PUBLIC_WEB_SOCKET= url of the server

Install DependenciesNavigate to the project directory in your terminal and run:

  npm install
  # or
  yarn install

Start the Development ServerAfter installing dependencies, run:

 npm run dev
 # or
 yarn dev

Remember that this project uses .env for both the backend and frontend part

License

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

Contact

dhruvpatidar - dhruvpatidar35@gmail.com

SamIsTheFBI/nextdraw