Where the project came from
The MistyCloud Client Panel is the main user-facing application of the hosting platform. Clients can purchase and manage three types of services: game servers (automatically provisioned via Pelican Panel), web hosting, and VPS. The standout feature is the built-in server console — a terminal running in the browser, connected via Socket.IO to the backend, enabling real-time server management. The app supports multiple languages and currencies.
What was hard
Users of a hosting platform expect an experience close to native tooling — they want to see server logs in real time, manage files, create backups, and change settings without needing external SSH clients. At the same time, the app must be fast, responsive, and work in multiple languages for different markets.
How I solved it
I built an SPA in React 19 with Vite for fast development experience. xterm.js implements a fully functional in-browser terminal connected via Socket.IO to the backend — users see logs and can issue commands in real time. Zustand manages global application state. Framer Motion and GSAP deliver smooth animations. i18next handles internationalization with automatic browser language detection. Turnstile CAPTCHA protects authentication forms.
Result
A complete client application with management of three hosting service types, a built-in in-browser server console, a product store, wallet and transaction history, and full multi-language and multi-currency support.