<h2>Overview</h2>
Prefect UI is an intuitive interface designed for managing data workflows seamlessly. Built on the modern Vue.js framework, it empowers developers to interact with the Prefect ecosystem effectively, enhancing workflow automation. With a focus on user experience and adherence to Material Design principles, Prefect UI is both functional and visually appealing.
The setup process is straightforward, requiring essential tools like Node.js and npm, alongside an API token for Font Awesome integration. Once set up, users can leverage features such as hot-reloading and the ability to run unit tests, making it easier to develop and iterate on applications.
<h2>Features</h2>
<ul>
<li>
Hot Reloading: Experience immediate updates in the application as you modify the code in the <code>src/</code> directory, streamlining the development process.
</li>
<li>
Unit Testing Support: Leverage Jest to run various unit tests on Vue components, ensuring your application maintains high-quality standards during development.
</li>
<li>
Docker Support: Built-in Dockerfile allows for the creation of UI images, although pre-built images from the PrefectHQ registry are recommended for ease of use.
</li>
<li>
Compatibility with Prefect API: Seamlessly integrates with the Prefect API, enabling a functional UI experience for users looking to manage data workflows.
</li>
<li>
Material Design Guidelines: Incorporates Google’s Material Design principles, providing a modern and consistent user interface that enhances usability.
</li>
<li>
Community-Driven Development: Contributions are encouraged, with clear guidelines for submitting pull requests, fostering an engaging developer community.
</li>
<li>
Production Builds: Compile and minify your application for production deployment, ensuring optimal performance and user experience.
</li>
</ul>

Prefecthq

Legacy UI