Published Paper Details:

Computer networking concepts such as the OSI and TCP/IP models are inherently abstract and layered, making them difficult for students to comprehend using traditional teaching approaches. Existing methods rely heavily on theoretical explanations and static diagrams, which limit conceptual understanding of real-world data flow. This paper presents LearnEasy, an adaptive visualization-based e-learning platform designed to enhance the learning experience of networking concepts through interactive and immersive 3D visualizations, synchronized narration, and gamified assessments. The proposed system integrates a WebGL-based visualization engine with a user-centric adaptive learning mechanism that personalizes content delivery based on learner performance and interaction patterns. The platform enables users to visualize both encapsulation (sender-side) and decapsulation (receiver-side) processes through step-by-step interactive simulations, providing a complete understanding of packet transformation across network layers. It is developed using modern web technologies including React, Three.js, @reactthree/fiber, @react-three/drei, FastAPI, and SQLite, ensuring scalability, responsiveness, and real-time synchronization between frontend and backend components. Experimental analysis indicates improved engagement, retention, and conceptual clarity compared to traditional learning approaches. The integration of 3D visualization and adaptive learning provides a comprehensive and accessible solution for networking education. Keywords--E-learning, Networking Education, 3D Visualization, Adaptive Learning, Gamification, OSI Model, TCP/IP, Routing, Switching, Encapsulation, Decapsulation