🧠 OS Memory Visualizer

An interactive web-based simulator for understanding Operating System Memory Management through visual learning and real-time simulations.

Live Demo • About • Highlights • Features • Screenshots • Demo • Tech Stack • Getting Started • Future Enhancements

---

🌐 Live Demo

🔗 https://srishtisharma07.github.io/OS-Memory-Visualizer/

---

📖 About the Project

OS Memory Visualizer is an interactive educational web application that helps students understand Operating System Memory Management through visual simulations.

Instead of relying on static textbook diagrams, the project allows users to explore memory management concepts through interactive pages, real-time simulations, and graphical visualizations.

The application combines an introduction to core memory concepts, a simulator, and an analytics dashboard to provide an engaging learning experience for students preparing for Operating Systems coursework and technical interviews.

---

🌟 Highlights

• 🎓 Educational Operating System Simulator
• 🧠 Interactive Memory Visualization
• 💻 Virtual Memory Simulator
• 📊 Analytics Dashboard
• 🌐 Deployed using GitHub Pages
• ⚡ Built using Vanilla JavaScript
• 🎨 Responsive User Interface

---

🚀 Features

• 🏠 Interactive Home Page
• 📖 Introduction to Memory Management Concepts
• 💻 Virtual Memory Simulator
• 📄 Paging Visualization
• 🗂️ Segmentation Visualization
• 🔄 Page Replacement Algorithm Simulation
• 📊 Analytics Dashboard
• ⚡ Step-by-Step Execution
• 🎨 Responsive & Modern Interface
• 🌐 Browser-Based Application
• 🚀 No Installation Required

---

📸 Screenshots

🏠 Home Page

---

📖 Introduction Page

---

💻 Simulator

---

📊 Analytics Dashboard

---

🎥 Demo

Watch the simulator in action.

Demo Video:

demo.mp4

---

🛠️ Tech Stack

Technology	Purpose
HTML5	Structure
CSS3	Styling & Responsive Design
JavaScript (ES6)	Interactive Functionality
Git	Version Control
GitHub	Repository Hosting
GitHub Pages	Deployment

---

📂 Project Structure

OS-Memory-Visualizer/
│
├── assets/
│   ├── homepage.png
│   ├── introduction.png
│   ├── simulator.png
│   ├── analytics.png
│   └── demo.mp4
│
├── index.html
├── style.css
├── script.js
│
└── README.md

---

🚀 Getting Started

Clone the Repository

git clone https://github.com/srishtisharma07/OS-Memory-Visualizer.git

Navigate to the Project Directory

cd OS-Memory-Visualizer

Run the Application

Open the index.html file in your preferred web browser.

No additional installation or dependencies are required.

---

🎯 Learning Outcomes

This project demonstrates practical understanding of:

• Operating System Memory Management
• Virtual Memory
• Paging
• Segmentation
• Page Replacement Algorithms
• Interactive Visualization
• DOM Manipulation
• Frontend Development
• Responsive UI Design

---

💡 Why This Project?

Memory management is one of the most challenging topics in Operating Systems because it is usually taught using static diagrams.

This project transforms those concepts into an interactive learning experience, allowing users to visualize how memory is allocated, managed, and optimized through dynamic simulations.

---

📌 Future Enhancements

• FIFO Page Replacement Visualization
• LRU Page Replacement Visualization
• Optimal Page Replacement Visualization
• First Fit, Best Fit & Worst Fit Memory Allocation
• Performance Comparison Graphs
• Adjustable Simulation Speed
• Dark / Light Theme
• Export Simulation Results
• Additional Operating System Algorithms

---

🤝 Contributing

Contributions are welcome!

1. Fork the repository.

2. Create a new branch.

git checkout -b feature-name

3. Commit your changes.

git commit -m "Add new feature"

4. Push your branch.

git push origin feature-name

5. Open a Pull Request.

---

👩‍💻 Author

Srishti Sharma

Computer Science Engineering Student

GitHub: https://github.com/srishtisharma07

---

⭐ If you found this project helpful, consider giving it a Star!

It helps others discover the project and motivates future improvements.