Portfolio.
Syslab_BG_Image
Syslab_Image

Syslab

TechIcon_0TechIcon_1TechIcon_2TechIcon_3TechIcon_4

About the project.

Syslab_Mockup_Image

Syslab is a comprehensive educational platform that transforms complex computer science theories into interactive visual experiences. Built with a focus on high-end UI/UX, the application features a futuristic dashboard environment where users can simulate kernel-level operations, network data flows, and database structures. The project strips away traditional web layouts in favor of an immersive 'OS-style' interface, complete with a simulated kernel boot sequence, glassmorphic UI elements, and real-time performance analytics for deep-level systems learning.

<

Features

>
CPU Scheduler

Real-time simulation of scheduling algorithms (FCFS, Priority, RR) with interactive Gantt charts.

Network Simulator

Visualizes TCP 3-way handshakes and reliable data transfer with real-time cwnd graphing.

Memory Manager

Interactive page replacement simulator (LRU, FIFO, Optimal) with efficiency gauges.

Database Engine

Dynamic B-Tree Index traversal visualization and simulated Disk I/O analytics.

Compiler Playground

A technical 'Kernel Console' for exploring lexical analysis, tokenization, and bytecode execution.

Premium Environment

Includes a custom sidebar dock, a traveling 3D grid background, and professional-grade terminal feedback.

</

Features

>
<

Tech Stack

/>
Vue 3 Vue 3

Vue 3 with Composition API for flexible and reactive UI components.

TypeScript TypeScript

TypeScript for robust, type-safe simulation algorithms.

Tailwind CSS Tailwind CSS

Utility-first CSS for modern glassmorphism and animated layouts.

Vite Vite

High-performance build tool for rapid development and testing.

Motion Motion

@vueuse/motion for fluid spring-based animations and transitions.