Create an app that looks just like the picture provided using the instructions below. Create using flutter$/$dart$.20-$ Contain an About screen with the building header graphic, CSCI $4350$ as text, an image of your choosing, the date you

created the app, and your name. Navigation back to the main screen is provided.

$20-$ Options menu $($aka Settings$)$ contains: Settings $...,$ and About. The left side drawer contains options to Add Name,

Sort, Shuffle and Clear the list. All list operations must function properly. Settings... isn't completely operational yet, simply

display a SnackBar noting that 'Settings will be coming soon'.

$20-$ Selecting Add Name from Settings redirects to another route $($aka page$)$ and allows the user to type a new name,

accept with $$Add$$ button or cancel with an X or $<-$ button. The student list is updated accordingly.

x $-$ Swiping an element to the left removes it from the underlying list and the ListView.

x $-$ The current list of names is persisted upon app shutdown and restored upon app start.

x $$ In the list, display hidden items with the Icons.visibility$\_$off Icon, visible items without any icon. Toggling a list item$$s

visibility with a tap reverses the hidden setting. Provide an informational message if a user tries to pick a random name

when all names are hidden or the list is empty.

x $$ Launcher icon has been replaced by the Icons.sync graphic.

$20$ An image similar to the piedmont$-$college$-$banner.jpg appears at the top of the main app screen, as shown above. Titles

appear as illustrated in the screen shots, above.

$20$ Show a list of names using ListView with ListTile widgets. Tapping the FAB results in a new, random item being

displayed. Random selections with the FAB tap will never select a hidden item. Floating Action Button $($FAB$)$ contains

Icons.sync Icon.

x $$Print random selection results to the logcat $(/$console$)$ each time the FAB is pressed.