Project
Roulette

Elevator

The objective of the Elevator app is to simulate the operation of an elevator and more importantly, how to handle the events generated when the…

AdvancedWeb appMedia14–32hAI-buildable 4/5no setup

It's tough to think of a world without elevators. Especially if you have to walk up and down 20 flights of stairs each day. But, if you think about it elevators were one of the original implementations of events and event handlers long before web applications came on the scene. The objective of the Elevator app is to simulate the operation of an elevator and more importantly, how to handle the events generated when the buildings occupants use it. This app simulates occupants calling for an elevator from any floor and pressing the buttons inside the elevator to indicate the floor they wish to…

UI
Logic
Useful

Hosting · Free forever

Deploys free on GitHub Pages, Cloudflare Pages or Vercel Hobby.

Deploy it and share a link.

Core features · 8

  • User can see a cross section diagram of a building with four floors,
  • User can see the elevator control panel with a button for each of the
  • User can click the up and down button on any floor to call the
  • User can expect that clicking the up and down buttons on any floor
  • User can see the elevator move up and down the shaft to the floor it
  • User can click the elevator control panel to select the floor it
  • User can expect the elevator to pause for 5 seconds waiting for a
  • User can expect the elevator to return to the first floor when there

Once it works

  • User can see a warning sound if the number of elevator requests
  • User can hear a sound when the elevator arrives at a floor.
  • User can see an occupant randomly arrive at a floor to indicate when
  • User can specify the time interval between new occupants arriving to

Suggested stack

reacttypescripttailwinddate-fnstanstack-query

Track it