must have 1: instruction

[AlinaTaoRao]

Word list

"As a user I want a word list so that I can see the words I've added."

• There is a list to show every word the user has added. By default the word list is blank.

Logic: Word list

• type: components: Write a function renderList(toRender = []) in /components. Convert each word element from an array to text in each litag , and an ultag wrap around all the li. export function.

Interface: Word list

• type html: A div with the id list-container to store rendered word list.

Interaction: Word list

• When the app just loaded, the word list is blank.

Add word

"As a user I want a input field and a add button so that I can input and add a word to the list."

• Given the input contains only letters it will be added to the words list, and the list will be re-rendered.