Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sadn1ck/draw-and-code
Draw your explanation and write your code without pointlessly switching tabs!
https://github.com/sadn1ck/draw-and-code
Last synced: 4 days ago
JSON representation
Draw your explanation and write your code without pointlessly switching tabs!
- Host: GitHub
- URL: https://github.com/sadn1ck/draw-and-code
- Owner: sadn1ck
- License: mit
- Created: 2020-12-03T12:35:01.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-02-27T06:26:24.000Z (over 2 years ago)
- Last Synced: 2024-08-02T17:38:34.762Z (3 months ago)
- Language: TypeScript
- Homepage: https://draw-and-code.vercel.app/
- Size: 642 KB
- Stars: 18
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# [**Draw and Code**](https://draw-and-code.vercel.app/)
> Irritated at switching tabs while explaining code in a presentation? Now you can draw and code in the same tab, easily!
![draw-and-code](https://socialify.git.ci/sadn1ck/draw-and-code/image?description=1&language=1&owner=1&pattern=Floating%20Cogs&stargazers=1&theme=Dark&forks=1&pulls=1)
## **Screenshot**:
![](./docs/screen.png)
## **Thanks to**:
- [React Drawing Board by dilidili](https://github.com/dilidili/react-drawing-board)
- [React Ace by securingsincity](https://github.com/securingsincity/react-ace)
- [React Sliding Side Panel by BenedictGiraud](https://github.com/BenedicteGiraud/react-sliding-side-panel)
## **Development**:
### Available Scripts
In the project directory, you can run:
```sh
$ yarn start
```Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.The page will reload if you make edits.\
You will also see any lint errors in the console.