Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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!

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.