TwitchTV app need feedback also I have a question


Hello guys/girls,
I think I have finished twitchtv challenge but would like to receive your feedback before I submit it in case I’m missing on something, or if you think somethings could be done better way you are welcome to provide suggestions.

here is github link:

Also my question is about using github pages instead of codepen, since I have already built it there is it possible to submit github page link or should it absolutely be done on codepen?

Edit… since I didn’t get any response yet I copied my code on codepen so you can check it there as well

but I would still like to get answer for my question.


Hi mdivani, it looks very good! Congrats… as far as I remember there’s a user history that you must complete, asking to have a place to notify when a user is missing… Check the specs again…

Another tip is to add some viewport rules to your HTML to make it mobile first, because opening here at my phone it looked a little small…

About github, I’m doing same as you… I’m building challenges in local repo and github, but then when I finish, I just copy the codes to codepen…

I hope I could help



  1. I would add some margin to the left of profile picture to make them even with the icons on the right side.
  2. What do the icons represent? Adding a title="Whatever the icon is" would be nice. You could even get fancy with it and add proper tooltips to them. I’ve used Tippy.js before but there are many other libraries for tooltips.
  3. A very minor thing, but I noticed that the search bar isn’t full centered:

    It’s off by like 2 pixels. I don’t know how you have it set up if it’s easy to fix. I wouldn’t worry about it unless it’s a quick fix.
  4. Don’t forget to add a title to the page.

Other than that (and what @rossijonas pointed out) I think you’ve done a good job! It was a nice touch to have users fade in and out, and I think you made a consistent interface (which is a bigger accomplishment than it sounds).

As far as GitHub Pages, yeah it’s fine to submit links that aren’t Codepen. As long as the link goes somewhere that shows what you’ve made in an easy way. The only downside is that it isn’t as quick and easy for people to look through the code.


Thanks for replay, I will fix it to look more mobile friendly, as for missing user story I don’t see such request maybe it got removed? Also I think I didn’t get what exactly that requirement means :smiley:

Thanks again you definitely helped :slight_smile:


I’m guessing the ! icon is to show that the user doesn’t exist? If so, then that’s what that user story is, you just might make it clearer what the icon is like I said above.


Thanks a lot, didn’t thought about adding tooltip but its definitely great idea, will try to fix margins as well… and yeah I noticed that search input is not correctly centered and was going to fix it but than totally forgot about it, thanks for that too :))


Nah that just shows that user is offline. I had one user which doesn’t seams to exist anymore but completely removed him from my code since I didn’t thought I should’ve showed that he doesn’t exists. will try to come up with nice solution for that too.


Yes, it could be not needed anymore I don’t know… The requirement was to have like 2 missing users (names that aren’t already present at twitchtv database) and the you’d get a missing user API response… And then you’d need to have somewhere in your app to show this message that the user wasn’t found


Check mine… Go to the bottom of the app you’ll see an example of the notifications implemented… Hope it helps :v::v: