A web app that simulates lift mechanics, allowing users to visualize and interact with elevator movements. Built with JavaScript, HTML, and CSS, this project explores OOP concepts, CSS transitions, and JS objects/prototypes. This is my solution for RDS lift simulation assignment
🔗 Live Demo: Lift Simulation
✅ Dynamic Input – Users can specify the number of floors and lifts.
✅ Interactive UI – Floors display call buttons, and lifts respond to requests.
✅ Realistic Lift Behavior – Lifts move intelligently to requested floors.
✅ Smooth Animations – Doors open (2.5s), close (2.5s), and lift moves at 2s per floor.
✅ Optimized Lift Allocation – Lifts are assigned efficiently to minimize wait times.
✅ Stops at Multiple Requests – Lifts stop at every floor where they were called.
✅ Mobile-Friendly – Responsive design for a seamless experience on all devices.
This project helped me gain a deeper understanding of:
- Object-Oriented Programming (OOP) in JavaScript
- Handling state using JS objects and prototypes
- CSS transitions and animations for smooth UI interactions
- Optimizing lift movement logic for realistic simulation
- Users enter the number of floors and lifts.
- A UI is generated with buttons on each floor and lift indicators.
- Clicking a floor button calls the nearest available lift.
- The lift moves, stops at requested floors, and opens/closes doors accordingly.
- Better Lift Allocation Algorithm – Optimize for multiple simultaneous requests.
- Sound Effects & UI Enhancements – Improve user experience.
- Local Storage Support – Save state between refreshes.