Catty | asynchronous event-driven network application framework | Websocket library

Have an initial empty object to which we are supposed to add json data. Using lodash was able to add it as follows.

I am creating a sample flexbox project named Catty Music. What i see is that a vertical scrollbar appears. What I'm trying to do is to have a fixed div with player controls at the bottom with 90px height and a scrollable main content area located right above it, which will fill the remaining of the viewport height - without a scrollbar. You can see a snapshot of it HERE or below snippet.

I have a json file that looks like:

I am beginner with MongoDB. I use $lookup in aggregation and use localField to get reference document.

I'd to start a React/Next/Vue blog, doesn't matter for real, the only thing is important, that's it will be based on JavaScript framework, about cats

For example I have a DB with cats:

i have list of some string my_list:

['Dog Austin', 'Cat Piter', 'Tiger John', 'Lion Albert']

i have dictionary with words i have : i need to replace them to:

my_dict = {"Cat" : "Catty", "Dog" : "Doggy"}

and i don't need registr case, that's mean algorithm should be search even cAt or DOg. i guees i need to use re.IGNORECASE but where?

how i can do it to my list?

this is good way but here input is just a string