Project
Roulette

IOT Mailbox Simulator

The objective of the IOT Mailbox Simulator is to mimic how an Internet of Things (IOT) enabled physical mailbox might be used to notify you when…

BeginnerWeb appSocial3–9hAI-buildable 5/5no setup

The objective of the IOT Mailbox Simulator is to mimic how an Internet of Things (IOT) enabled physical mailbox might be used to notify you when "snail" mail has arrived. In doing so it will provide you with experience using callbacks to communicate state between different components of an app that are dependent on one another. ### Requirements & Constraints - Even though this app is specified using Javascript concepts and terminology you are free to implement it in the language of your choice. - The following Javascript class is provided to start and stop the monitoring process, and 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 · 9

  • User can see a web page containing a control panel containing three
  • User can see a notification panel where the mailbox status will be posted.
  • User can see a scrollable log panel where execution details describing
  • User can click the 'Start Monitoring' button to begin receiving state
  • User can see a message added to the log panel when monitoring starts.
  • User can see a message added to the log panel for light level passed
  • User can see a message added to the notification panel when the door has
  • User can click the 'Stop Monitoring' button to stop receiving state
  • User can see a message added to the log panel when monitoring stops.

Once it works

  • User can see the 'Start Monitoring' button disabled until monitoring is
  • User can see the 'Stop Monitoring' button disabled until monitoring is
  • User can see an field in the control panel allowing the length of the
  • User can see a message added to the notification panel if the door is
  • User can hear an audible alert when the door is opened.

Suggested stack

reacttypescripttailwindthree.jsreact-hook-formdate-fns

Track it