✏️ DrawTool

Herramienta interactiva de dibujo con React, TypeScript y SCSS. Incluye selección de herramienta (trazo libre, línea, rectángulo, círculo), ajuste de color y grosor, botones de deshacer, rehacer, limpiar y guardar, todo con una interfaz compacta y responsive.

🖼️ Captura

🌐 Demo

👉 DrawTool Demo

🚀 Tecnologías usadas

• React + TypeScript (ES6+)
• SCSS modular
• Vite
• Lucide-react (íconos)
• Canvas API

📁 Estructura del proyecto

drawtool/
├── public/
│   ├── assets/
│   ├── icons/
│   ├── favicon.ico
│   ├── manifest.json
│   ├── meta.jpg
│   ├── robots.txt
│   └── sitemap.xml
├── src/
│   ├── assets/
│   ├── components/
│   │   ├── Canvas/
│   │   └── Sidebar/
│   ├── styles/
│   │   ├── base/
│   │   │   ├── _variables.scss
│   │   │   └── global.scss
│   │   └── components/
│   │       └── App.module.scss
│   ├── types/
│   ├── App.tsx
│   └── main.tsx
├── .editorconfig
├── .gitignore
├── .nvmrc
├── LICENSE
├── index.html
├── tsconfig.json
├── package.json
└── vite.config.js

▶️ Uso

yarn install
yarn dev

Abre http://localhost:5173/drawtool para probar la herramienta.

🧠 Funcionalidad

• Herramientas: trazo libre, línea, rectángulo, círculo
• Selector de color y grosor
• Acciones: deshacer, rehacer, limpiar, guardar
• Diseño responsive para desktop y mobile

---

👩‍💻 Autora

Una creación de <micazoyolli />✨