Hi Melissa,
Welcome to the club!
Some time ago I did create a step by step video-tutorial [1] about a "A script and todo manager workflow / UI experiment + video howto's", which is introduces in a different thread. see link [2]
It deals with all types of input elements, for a specific usecase, in a step by step process!
The videos (17) are from 3min up to 15min long and explain every element including the code in detail. In sum they are about 2h15 ..
It's not a 100% fit to your project, but I'm sure, that the different ideas and elements could also be used or modified to fit your needs.
IMPORTANT: It's meant to be used together with the videos. ... IMO It won't work as a basis for your project. You should start with empty.html ... and just import the stuff, that you need and understand!! ... So it fits your needs
have fun!
mario