Lift-Simulation : Click Here

In this Project we Create a web app where you can simulate lift mechanics for a client

Blog:

• Link

How It's Made:

Have a page where you input the number of floors and lifts from the user(floor input completed)
An interactive UI is generated, where we have visual depictons of lifts and buttons on floors
Upon clicking a particular button on the floor, a lift goes to that floor

Milestone 1:

Data store that contains the state of your application data
JS Engine that is the controller for which lift goes where
Dumb UI that responds to controller's commands

Milestone 2:

Lift having doors open in 2.5s, then closing in another 2.5s
Lift moving at 2s per floor
Lift stopping at every floor where it was called
Mobile friendly design

Optimizations

When I improve this project, I would like to add background lift sound when i click simulate button

Lessons Learned:

I learn how to use transition properties, how to apply css by using javascript, Dom manupulation, to make lift simulation every device friendly we learn how to apply media query on javascript.

More Projects

Veg Checker

Tic-Tac-Toe Game

Portfolio