Personal Web Desktop
Live Website
https://personal-web-desktop.vercel.appGitHub Repository
https://github.com/AnnaManoleLNU/pwdDate
December 2023
Technologies
WebComponents, CSS, ES6, WebSockets, Node.js
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.
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 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 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.