📦 Stack Simulation

An interactive visualization of the Stack data structure with real-time operations.

🚀 Features

• Push elements onto the stack
• Pop elements from the stack
• Peek top element
• Clear entire stack
• Randomize stack values
• Visual representation with animations
• Operation log tracking
• Surprise element feature 🎁

🛠 Tech Stack

• HTML
• CSS
• JavaScript
• Node.js (optional backend API)

📂 Project Structure

• index.html — UI and layout
• style.css — styling and animations
• app.js — front-end stack logic
• app_api.js — API-based stack operations
• server.js — backend server (Express)

▶️ How to Run

Option 1: Simple (Frontend Only)

Open index.html directly in a browser.

Option 2: With Server

npm install -g http-server
http-server ./stack -p 8080

Open: http://localhost:8080

Option 3: Backend Mode

npm install
node server.js

Open: http://localhost:3004

## 🎯 Description
This project demonstrates how a stack works using a visual interface.  
It follows the **LIFO (Last In First Out)** principle and helps in understanding stack operations interactively.

## 👨‍💻 Author
Dheeraj