DEV Community

Cover image for Azure Trial Hackathon - Speech Controlled Web Desktop
jzombie
jzombie

Posted on • Edited on

3 2

Azure Trial Hackathon - Speech Controlled Web Desktop

Overview of My Submission

A web-based desktop, called "ReShell", which responds to your voice.

ReShell is a web-based desktop & mobile user interface featuring individual "portals," or collections of apps.

ReShell extends Create React App with a window management system, multiple portal handling, some core applications and utilities, and utilizes Google's zx JavaScript Bash replacement utility to do some file system management.

Submission Category:

Wacky Wildcards

Link to Code on GitHub

GitHub logo zenOSmosis / reshell

ReShell is a web-based desktop & mobile user interface featuring individual "portals," or collections of apps, based on the PhantomCore library.

MIT License version reshell.org CodeFactor Style Status phantom-core-architecture buy-me-a-coffee paypal-me

ReShell - Web Desktop and UI Service Engine

This is a work in progress, subject to many API updates and feature regressions in a short amount of time, as it is used for development and prototyping of several applications at once.

ReShell is a web-based desktop & mobile user interface featuring individual "portals," or collections of apps, based on the PhantomCore library.

ReShell extends Create React App with a window management system, multiple portal handling, some core applications and utilities, and utilizes Google's zx JavaScript Bash replacement utility to do some file system management.

Project Goals

  • Stable and efficient on desktop and mobile
  • Base portal UI should never require a backend to be present (specific portals may require one as necessary); should be easily distributable across multiple channels for a variety of frontend-related needs, from small to large projects
  • Try not to break Create React App nor get too clever

Additional Resources / Info

Video demonstrating speech control -
https://user-images.githubusercontent.com/1139657/157443171-d35decb7-5fd2-460d-b95e-cae7d7b28a80.mov

ReShell Web Desktop

Source Code

Demo

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (0)

nextjs tutorial video

Youtube Tutorial Series 📺

So you built a Next.js app, but you need a clear view of the entire operation flow to be able to identify performance bottlenecks before you launch. But how do you get started? Get the essentials on tracing for Next.js from @nikolovlazar in this video series 👀

Watch the Youtube series