https://github.com/mmendesas/whiteboard

Drawing app example
https://github.com/mmendesas/whiteboard

Last synced: about 5 hours ago
JSON representation

Drawing app example

• Host: GitHub
• URL: https://github.com/mmendesas/whiteboard
• Owner: mmendesas
• Created: 2023-11-26T21:25:57.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2023-11-26T21:26:49.000Z (12 months ago)
• Last Synced: 2024-04-14T06:38:08.623Z (7 months ago)
• Language: TypeScript
• Homepage:
• Size: 656 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# whiteboard



  

    

  





  Whiteboard implementation using React.js (excalidraw clone)

  




### Getting Started

To see this on your machine, just run:

- `yarn dev: ` will start a React web-app on [localhost:5173](http://localhost:5173/)

### Features

- Elements with different shapes (toolbox)

- Update element position / size and change background / stroke colors

- undo / redo actions on the scene

- zoom / pan actions on the scene

- Freehand and Text element tools

## Built With

- [Vite](https://vitejs.dev/) - Next Generation Frontend Tooling

- [React.js](https://react.dev/)  - The library for web and native user interfaces

- [Roughjs](https://roughjs.com/) - Create graphics with a hand-drawn, sketchy, appearance

## Acknowledgments

- [redhwannacef](https://github.com/redhwannacef) - Thanks for his drawing app tutorial series, this project is totally based on his tutorial, with one or more modifications in order to learn about it.