I would like to create an app using HTML, CSS, and Javascript.
The app would be a Hall Of Fame database used with sports video games.
The app would allow the user to create a section of the hall Of Fame for any league.
Within that section would be where hall of fame inductees for that league exist
The app would allow the user to add another year of inductees for that section.

The Hall Of Fame app itself would start up to a menu that has buttons for the following:
Create New Branch
Load Branch

"Create New Branch" would then give you the following options to enter:
League Name
Year league Founded
Load Logo
Save Branch

"Load Branch" would let you load a saved Branch

When you load a branch, you would be presented with a nice view of all members of the hall of fame
If there are currently no members, just display "Currently No members"

At the top of that page would show the logo for that branch, and below the logo, text with the year the league
was founded from the year entered when the branch was created. This should not be editable.
To the right of this logo, an option to load an additional logo, with an editable text box below it should automatically appear.
This allows a user to display the leagues logos as they change over the years with the year that it changed below it. Each time a logo
is added, a new button should appear so next time you change you can add the next logo.
These should all be diplayed in a row as they are added.

Then below that you should have a button row where the first button is "Create New Class". 
Click this button and it should ask the year and how many inductees.
If there is no previous class then the user inputs the year. If there is a
previous class, the year is added automatically, +1 from the previous year.

The UI would then create an entry for each inductee based on how many inductees were 
entered when creating this new class.

Each Entry would have a spot for an image, then the players Position, then name, year entered league, year retired. 

Below this would be a spot to load a logo with an editable text box below it, then next to that a new spot would show up to repeat this again, etc. This is meant to allow the user to display in a row, a helmet logo for each team the player played for and the year below it. These should all be diplayed in a row as they are added.

Below this would be a text box for the user to enter whatever info they want about the player. Then below that a save player button.

The user can finish entering all inductees, or decide to finish later, they can just click Save Branch which would be a button below all the inductees.

So basically, when a user loads a branch, all of the information that has been saved would be displayed, and they could edit any years class or create a new year.

If possible, I would like the app to be able to export all the info to a PDF or separate HTML, so the user could print or save it in a nice looking format. This would allow just the specific branch info to be displayed to others.









