AM

Personal Web Desktop Application

WebComponentsCSSES6WebSocketsNode.js

Main Application

The Personal Web Desktop application mimics a desktop environment within a browser. It features a dock where users can launch different sub-applications and manage them just like in a traditional operating system. Multiple instances of the same or different sub-applications can be opened and freely dragged around the interface. The focused sub-application always appears in front of others, ensuring smooth multitasking.

Personal Web Desktop Screenshot
Memory Game Screenshot

Memory Sub-App

The Memory sub-application offers a classic memory game experience where players aim to find matching pairs of tiles. When tiles are flipped and do not match, they return to their original state, while successfully matched pairs disappear from the board. Players can choose from three difficulty levels and track their attempts and completion time.

Chat App Screenshot

Chat Sub-App

The Chat sub-application enables real-time communication using WebSockets. Users can set their username and start chatting instantly in the internal school system. Messages are displayed in a scrollable window and support multiple users simultaneously.

Recipe Browser Screenshot

Recipe Browser Sub-App

The Recipe Browser sub-application lets users search for recipes using an external API. It retrieves and displays recipe details, including ingredients and cooking instructions, to help users find new culinary inspiration.