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: 6 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.