Canvas App 🖥️🖌️

Welcome to the Canvas App! This application is designed to allow users to intuitively create entities on a canvas, drag them to rearrange, and double-click to add attributes. The visual nature of the tool makes modeling easy and intuitive.

🌟 Features

• Intuitive Canvas: Easily add entities onto a canvas.
• Draggable Entities: Arrange your entities by simply dragging them around.
• Entity Attributes: Double-click on any entity to add string attributes.

🛠️ How to Use

1. Add an Entity: Simply click on the 'Add Entity' button and place it onto the canvas.
2. Move an Entity: Click and drag any entity to your desired location.
3. Add Attributes: Double-click on an entity and input the desired string attributes.

📚 Installation & Running

1. Clone the repository:

   git clone [email protected]:devLeopar/Canvas-App.git

2. Navigate to the project directory and Install dependencies::

   cd domain-model-app
   npm install

3. Run the app::

   npm start

4. Run tests:

   npm test

🚀 Upcoming Features

• Persistent Entity State: Ensure entities and their positions are retained between page refreshes.
• Entity Deletion: In future updates, you'll have the capability to remove entities and their associated attributes with ease.
• Entity Collision Detection: We're introducing a feature where, if enabled, entities won't overlap. This ensures a more organized arrangement.
• API Caching: Boost performance by caching API responses for swifter data retrieval and less bandwidth consumption.