reacttaurimobx-state-treereal-time (WebSocket)

AppCenter Companion - Companion desktop application for AppCenter

By Amaury CIVIER
Picture of the author
Published on
Role
Lead Developer
Image of the AppCenter Companion interface

Overview

  • Real-Time Application (WebSocket): Implemented real-time capabilities using WebSocket for live updates.
  • Data Synchronization with AppCenter: Synchronized data from AppCenter to a local store using MobX.
  • Microsoft UI Library Integration: Utilized Microsoft’s UI library to create an interface closely resembling AppCenter.
  • Customization with Rust and Tauri: Leveraged Rust and the Tauri API to customize the application window.
  • GitHub Pipeline Creation: Designed a pipeline with GitHub Actions to automate testing, artifact creation, and deployment processes.

AppCenter Companion is an alternative application interface for Microsoft’s AppCenter. For context, AppCenter is a Microsoft service designed to automate the building, testing, and deployment of mobile applications. However, the default interface has notable limitations:

  • It doesn’t provide a consolidated view of build and deployment statuses for all applications simultaneously.
  • It doesn’t allow triggering multiple builds across different applications simultaneously.

To address these interface limitations, I developed a desktop companion application using React as the interface framework and Tauri to package the web application as a native application for Windows, MacOS, and Linux.

The application interacts with the AppCenter API to fetch application data and provide real-time updates on their builds.

Link to the project: https://github.com/zenoxs/tauri-appcenter-companion

Made with Next.js & Tailwind