{"id":16002560,"url":"https://github.com/dhruvpatidar359/nextdraw","last_synced_at":"2025-10-21T07:31:14.845Z","repository":{"id":220656592,"uuid":"742387728","full_name":"dhruvpatidar359/nextdraw","owner":"dhruvpatidar359","description":"A WhiteBoard application used for prototyping supports Websockets","archived":false,"fork":false,"pushed_at":"2024-06-07T15:56:33.000Z","size":539,"stargazers_count":47,"open_issues_count":40,"forks_count":29,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-10-08T10:05:41.474Z","etag":null,"topics":["docker","mongodb","nextjs14","react","vscode","websocket"],"latest_commit_sha":null,"homepage":"https://nextdraw.vercel.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dhruvpatidar359.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-01-12T11:10:51.000Z","updated_at":"2024-10-05T08:56:06.000Z","dependencies_parsed_at":"2024-03-03T18:23:51.602Z","dependency_job_id":"0df82b46-7d15-4a2a-ab7b-3c45995b5d1c","html_url":"https://github.com/dhruvpatidar359/nextdraw","commit_stats":null,"previous_names":["dhruvpatidar359/nextdraw"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dhruvpatidar359%2Fnextdraw","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dhruvpatidar359%2Fnextdraw/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dhruvpatidar359%2Fnextdraw/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dhruvpatidar359%2Fnextdraw/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dhruvpatidar359","download_url":"https://codeload.github.com/dhruvpatidar359/nextdraw/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":237448887,"owners_count":19311748,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["docker","mongodb","nextjs14","react","vscode","websocket"],"created_at":"2024-10-08T10:02:05.615Z","updated_at":"2025-10-21T07:31:14.351Z","avatar_url":"https://github.com/dhruvpatidar359.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"#  Welcome to NextDraw🎨\n\nA Next.js based whiteboard application using Rough.js under the hood .\n\n- Supports websockets\n- Supports shapes like : rectangle || square || ellipse || freehand etc\n- Record feature\n- Pan | zoom and lot more . Just click on the hosted link.\n\n## Table of Contents \n - Project Introduction\n - Features\n - Built with\n - Contributing\n  - GSSOC'24 Guidelines \n - Local Setup\n - License \n - Contact \n\n\n## Screenshots\n\n![image](https://github.com/dhruvpatidar359/nextdraw/assets/103873587/19f1fa93-8b93-4713-adc5-306605bb8a6f)\n\n## Features🎨\n\n- RECORDING ✅\n\n\u003cimg width=\"182\" alt=\"image\" src=\"https://github.com/dhruvpatidar359/nextdraw/assets/103873587/64637de6-60e6-4192-99a5-054864edb6e2\"\u003e\n\n- Middle Mouse Click ToolBar 🖱️\n- ![image](https://github.com/dhruvpatidar359/nextdraw/assets/103873587/9ba4a9e8-3397-4c89-91da-0932d2012d90)\n\n- Collaboration(Websockets) 🤝\n\n![image](https://github.com/dhruvpatidar359/nextdraw/assets/103873587/b33557e4-c205-4785-b3f8-4c6f1be50951)\n\n- Supports various shapes: Rectangle , square , ellipse , freehand , etc .\n\n### Built With 🛠️\n\n- [Next.js]()\n- [Canvas API]()\n- [MongoDb]()\n- [Node.js]()\n- [Websockets]()\n\n## Contributing 🚀\n\nContributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are **greatly appreciated**.\n\n1. Fork the Project\n2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)\n3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)\n4. Push to the Branch (`git push origin feature/AmazingFeature`)\n5. Open a Pull Request\n\n## GSSOC'24 Guidelines\n\n- Issues Level\n\n  - Level 1: 10 points\n  - Level 2: 25 points\n  - Level 3: 45 points\n\n- Issue Assignment\n  - 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 .\n\n\n## Repositories 📂\n  -  Frontend\n    https://github.com/dhruvpatidar359/nextdraw\n\n  - Backend\n\nhttps://github.com/dhruvpatidar359/nextDrawBackend\n\n\n## Installation(LOCAL SETUP)\n\nWARNING : First install the backend through this repository\nhttps://github.com/dhruvpatidar359/nextDrawBackend\n\n**FrontEnd Installation**\n\n1. Fork the Project\n\n```bash\n  use the github fork button\n```\n\n2. 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\n\n```bash\n NEXT_PUBLIC_WEB_SOCKET= url of the server\n```\n\n3. Install DependenciesNavigate to the project directory in your terminal and run:\n\n```bash\n  npm install\n  # or\n  yarn install\n```\n\n4. Start the Development ServerAfter installing dependencies, run:\n\n```bash\n npm run dev\n # or\n yarn dev\n\n```\n\n**Remember that this project uses .env for both the backend and frontend part**\n\n\n\n## License 📜\n\nDistributed under the MIT License. See `LICENSE` for more information.\n\n## Contact  📧\ndhruvpatidar - dhruvpatidar35@gmail.com\n\nWe appreciate your contributions and look forward to collaborating with you!!\nThank you for contributing . Happy Coding💖.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdhruvpatidar359%2Fnextdraw","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdhruvpatidar359%2Fnextdraw","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdhruvpatidar359%2Fnextdraw/lists"}