/suda

A light-weight drawing app. Built with React, TypeScript and TailwindCSS

Primary LanguageTypeScript

Suda - A Drawing App 🎨

Suda is a light-weight drawing app (name inspired by the elephant Suda who can draw).

Built with

  • React
  • Vite
  • Tailwind CSS
  • shadcn UI

Roadmap

  • Basic drawing functionality
  • Move drawings
  • Shapes (Rectangle, Circle, Polygon and Arrows)
  • Text
  • Images
  • Color picker
  • Resize drawings
  • Undo/Redo
  • Save drawings
  • Load drawings
  • Export drawings
  • Collaboration

Requirements

  • Node.js (v14+)
  • Docker

Usage

Docker

You can also run Suda using Docker Compose:

docker-compose up

This will build the Docker image and start the container. Access the app at http://localhost:3000 as usual.

Without Docker

Navigate to the client folder

cd client

Install the dependencies

pnpm install

Run the app

pnpm run dev

Contributing

Contributions are welcome! Feel free to open issues or pull requests for any improvements or features you'd like to see in Suda.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Credits

The elephant image is taken from: Zoology icons created by Freepik - Flaticon