dskaggs/server-names

server-names's Issues

(bug) Top toolbar is not displayed in the correct theme

The toolbar component is not rendering in the selected Angular Material theme (deeppurple-amber)

(feat) Format word list into columns

Display the word list in 4 columns inside the left 2/3 of the page area rather than one long list of words

Depends on #8

(feat) Clear selected letter function

Add the capability to clear the selected letter and view the entire, unfiltered list.

Implement via an "All" button at the end of the letter list.

(feat) Alphabetize filtered word list

When filtering the word list by starting letter, all words should be displayed in alphabetical order.

Depends on #2

(feat) Search feature

Add a search box below the letter options that searches the word list for words starting with the input string

(feat) Add column layout

Display the word list in a column using the left 2/3 of the page and the About text in the right 1/3 of the page

(feat) Convert Ng Grid to CSS Grid in names-list

Remove the Ng Grid implementation in names-list component HTML and replace it with CSS Grid

(feat) Display a list of words filtered by selected letter

Using the individual letter links, display the list of words from the word list that start with the selected letter.

(feat) Display full word list at application launch

Task: Load the word list and display all words in list on application start. No formatting is necessary for this task as it is just to successfully print the entire word list after loading through an HTTP call.

(feat) Make each letter deep linkable

Add dynamic routing rules so that the selected letter is added to the route so that users may deep link to a specific letter.

(feat) Implement a "recently viewed" list

Show a button for each of the last 5 words clicked in the main list.

The names should display in a button format just like the main list. It should be contained in a separate row underneath the main list area.
The "About" column should be updated to span 2 rows

Use NgRx store to facilitate data transfer between components