Skip to content

baevm/react-drawboard

Repository files navigation

React drawboard

Деплой: https://react-drawboard.vercel.app/

Drawboard screenshot

Библиотеки и технологии:

  • react
  • vite
  • typescript
  • rough.js
  • perfect-freehand
  • zustand
  • @radix-ui

Функции:

  • Рисунки карандашом
  • Различные элементы (круг, прямоугольник, треугольник, ромб, стрелка, текст, изображение)
  • Настройки рисования (цвет линии, ширина линии, стиль заливки фона и т. д.)
  • Адаптивный дизайн
  • Масштабирование на холсте
  • Экспорт рисунков в формате JSON
  • Отмена/повтор действий
  • i18n (русский, английский)
  • Экспорт рисунков в виде изображения
  • Совместная работа
  • Тесты

Локальный запуск:

  1. Запуск контейнера
docker compose -f ./deploy/docker-compose.yml up
  1. Доступно на: http://localhost:80