https://github.com/codecraft26/sketch-book

SketchPad Pro is a dynamic and interactive online sketchbook that brings your creativity to life through the power of Socket.IO and the Canvas API. Unleash your artistic potential and connect with others in real-time, as you craft, collaborate, and share.
https://github.com/codecraft26/sketch-book

canvas frontend nextjs socket-io

Last synced: 5 days ago
JSON representation

SketchPad Pro is a dynamic and interactive online sketchbook that brings your creativity to life through the power of Socket.IO and the Canvas API. Unleash your artistic potential and connect with others in real-time, as you craft, collaborate, and share.

• Host: GitHub
• URL: https://github.com/codecraft26/sketch-book
• Owner: codecraft26
• Created: 2023-10-09T12:39:44.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-12T11:07:13.000Z (over 1 year ago)
• Last Synced: 2024-11-12T16:15:12.662Z (2 months ago)
• Topics: canvas, frontend, nextjs, socket-io
• Language: JavaScript
• Homepage: https://sketch-book-weld.vercel.app
• Size: 87.9 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Online SketchPad

Online SketchPad is a web application that allows you to collaborate with others in real-time and create digital artwork using Next.js, Socket.IO, and the Canvas API.

## Features

- Real-time Collaboration: Draw and interact with others on the same canvas simultaneously.

- Versatile Drawing Tools: Use a variety of tools like brushes, pens, and erasers to express your creativity.

- Undo and Redo: Easily correct mistakes and experiment with your art.

- Save and Export: Save your masterpieces to your GitHub repository and export them as image files.

- Open Source: The project is open-source, allowing you to customize and contribute to its development.

## Technologies Used

- Next.js: A popular React framework for building web applications.

- Socket.IO: A library for real-time, bidirectional communication between clients and the server.

- Canvas API: HTML5 Canvas for creating and rendering graphics on the web.

## Getting Started

1. Clone this repository to your local machine.

2. Install dependencies using `npm install` or `yarn install`.

3. Start the development server with `npm run dev` or `yarn dev`.

4. Open the application in your browser by visiting `http://localhost:3000`.

## checkout with 

https://sketch-book-weld.vercel.app/

## How to Contribute

If you'd like to contribute to this project, we welcome your input. Feel free to fork the repository, make your changes, and submit a pull request.

## License

This project is open-source and available under the [MIT License](LICENSE).

---

Start sketching and collaborating with your friends online. Unleash your creativity with Online SketchPad!