ABSTRACT

Programming has become a foundational skill for computer science students, especially in today’s fast-paced and digitally-driven world. The lab addresses key challenges faced by students such as limited access to well-equipped laboratories, lack of real-time feedback, and difficulties in translating programming theory into practical skills. This project presents the design and implementation of a browser-based visual lab aimed at improving programming practice among computer science students at Michael Okpara University ofAgriculture, Umudike (MOUAU). The system leverages web technologies—HTML, CSS, and JavaScript—to provide an interactive, lightweight platform where students can write, execute, and debug code directly within a web browser. The platform features a real-time code editor with syntax highlighting, immediate output rendering, error detection, and a personalized dashboard for saving and managing code snippets. Developed using the Object-Oriented Analysis and Design Methodology (OOADM), the visual lab promotes self-paced learning, enhances engagement, and supports remote accessibility. Testing across devices and browsers confirmed its responsiveness and functionality, while user feedback highlighted improvements in motivation, comprehension, and coding confidence. By integrating practical programming exercises with real-time interactivity and continuous feedback, the system bridges the gap between theoretical instruction and hands-on coding experience. This solution not only enhances learning outcomes but also offers scalability and flexibility suited for modem computer science education.