# react-design-editor

**Repository Path**: alex2112/react-design-editor

## Basic Information

- **Project Name**: react-design-editor
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-10-16
- **Last Updated**: 2024-10-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# React Design Editor

React design editor using FabricJS. Create images in React, draw diagrams and arrange compositions using the image editor and save the result to one of several export formats, provides functionality similar to canva.com.

![Editor Preview](https://i.ibb.co/2jZdhXj/preview3.png)

## Features

- [x] Add, remove, resize, reorder, clone, copy/paste objects
- [x] Group/ungroup objects
- [x] Zoom/pan canvas
- [ ] Import and export to JSON or image
- [ ] Context menu
- [ ] Animation support, with Fade / Bounce / Shake / Scaling / Rotation / Flash effects
- [ ] Multiple interation modes: grasp, selection, ctrl + drag grab
- [x] Undo/Redo support
- [x] Guidelines support
- [ ] Multiple canvas support
- [x] Preview mode

## How to start

NodeJS required. Start in development mode using the following commands.

```sh
# install dependencies
yarn install
# start development server
yarn start
```

Web application service will start running at `localhost:3000`

## Integrations

In order to provide rich content, the following integrations are implemented.

### Iconscout

Illusatrions and icons provider. Add credentials to `.env` file.

```sh
ICONSCOUT_CLIENT_ID="your-client-id"
ICONSCOUT_SECRET="your-secret"
```

Currently, this values are being included in the repository. In the furure, you will require to add your own credentials.

## Contribution

Feel free to contribute by opening issues with any questions, bug reports or feature requests.

## Author

Created and maintained by Dany Boza ([@xorbmoon](https://twitter.com/xorbmoon)).

## License

[MIT](LICENSE)