Responsive Dictionary Web App

Community feedback

• 

  P

  Luciano Lima•1,290

  @LucianoDLimaPosted 9 months ago

  Hey, well done on completing this challenge! I just finished it a few days ago and it was one of my favourites challenges!

  I don't know Angular, so I'll just say a few things I noticed that could do with some improvement feature-wise:

  • You should take a look at prefers-color-scheme property in CSS (or Js too which is what I used). This ensures your pages theme is set to whatever the users device is on. My device is on dark mode, wich means your page would be on dark mode as soon as I open for the first time too.
  • Still on the theme topic, you could add localStorage, that way the theme is saved across section, so if I close your page and open again, it will still be in dark mode. Also, after doing that, you could add local storage to the font selection too, so that the user's preferred font will always be the same across sections.
  • Make so when a user types and press enter, that triggers the data fetching request. Right now the only way to search a word is clicking the search icon, and since it doesn't look like a button, it can make some users think the app is not working
  • The loading status is not working as it should. I took a look at the network tab in the devs tool, and the loading status only appears after data has been fetched. The loading status should be visible while the data is being fetched, and then dissappear once the data has been fetched
  • The antonyms/synonyms could be a button, then after user clicks that, the clicked word appears on screen. It would help users find similar (or opposite) words more quickly without having to type something they could just click

  All in all your project looks great! I can't talk about the code since I don't know angular haha but you did a great job

  Marked as helpful

  1

  ---

  

  Wellinton Alexandre•110

  @Wellinton-APosted 9 months ago

  @LucianoDLima Hey Luciano Lima, I will take the time to improve the app according to your feedback. Thanks for proposing all these improvements, it was really helpful.

  0