Documentation
Developer Tool
Developer Tool
  • Welcome to Agua!
  • Quick Start
    • Excalidraw: Tutorial
    • Talk to our founders
    • FAQ
  • Basics
    • UI Picker
    • Components Graph
    • Dependencies Graph
  • Help
    • Mail Support
    • WhatsApp Support
  • Community
    • Discord
    • WhatsApp
  • Legal
    • Privacy Policy
    • Terms and Conditions
Powered by GitBook
On this page
  • Basic Setup
  • 1. Codebase setup​
  • 2. Agua setup​
  • Platform Tour​
  • A. UI Quick Access
  • A. Components Tree
  • B. Dependencies Tree
  • D. Integrated IDE
  1. Quick Start

Excalidraw: Tutorial

PreviousWelcome to Agua!NextFAQ

Last updated 11 months ago

In this tutorial, we'll walk through codebase's components and dependency structure.


Basic Setup


Fork and clone the GitHub repository locally:

https://github.com/excalidraw/excalidraw.git

2.1 Sign Up

Register with your Google Account.

https://auth.agua.app/signin/

Go to the root folder of the Excalidraw repository and run:

npx --yes agua-server

2.3. Welcome to Agua


Click and access an element's file, component structure, and dependencies.

Visualize component hierarchies and locate Sentry's files.

Visualize component dependencies.

D. Integrated IDE

Edit Sentry's code in our web-based VS Code.

Retrieve all necessary assets from and start using Agua.

1. Codebase setup

2. Agua setup

Open Agua's :

Agua is currently only supported in .

2.2. Terminal installation

Agua is currently only supported in .

Platform Tour

A.

A.

B.

Excalidraw's GitHub
​
​
web editor
Google Chrome
​
Node.js 18
​
UI Quick Access
Components Tree
Dependencies Tree
Excalidraw's