In the chat server project, I developed a chat client program that enables synchronous, real-time communication with a server, drawing inspiration from classic chat systems such as IRC. The goal of this project was to build a network application. Key features of this project include the development of a communication protocol to facilitate interactions between…
Category
JavaScript
SleepTimes Application
A basic web application modeled after sleepyti.me, focused exclusively on recommending optimal times to wake up by calculating sleep cycles. Each sleep cycle is approximately 90 minutes, with a restful night comprising 5-6 of these cycles. Waking during a sleep cycle can lead to grogginess, regardless of the number of complete cycles achieved prior to awakening.
Piano Application
The TypeScript code snippet is part of a web application designed to simulate a piano. Initially, it imports a CSS stylesheet and a Note model from the models directory, indicating a structured and well-styled application with defined models for its functionality. The core of the script is in the main.ts file, where an event listener…
Manga Generator
The manga generator is designed to interact with the OpenAI API to generate manga blurbs and cover images. It starts by setting up constants for API endpoints and initializes global variables. The program listens for the DOMContentLoaded event and retrieves an API key stored in local storage. It defines two main functions: getBlurb and getCoverImage….
Sticky Notes
The StickyNotesApp.js script is designed for a web-based sticky notes application. It facilitates the creation, editing, and management of text notes on a virtual notes wall. Key functionalities include handling user interactions such as double-clicks for editing notes, shifting to move onto the next line in a single note, and hovering over the top right…
Flashcard Application
The Flashcards App which designed for authenticated users features a streamlined and user-friendly interface. At the core of the app is a secure user authentication system, allowing for safe sign-up and login, along with profile management options. Once logged in, users are greeted with a dashboard that showcases an overview of their flashcard decks and…