Dictionary Web App using React, React Query, TailwindCSS

Community feedback

• 

  Asilcan Toper•2,960

  @KapteynUniverse

  Posted 4 months ago

  Merhaba Ender, good job.

  I recommend you to check semantic html elements. Don't know any good resource about this, but what you are doing has a name, "divitis"

  Landmarks, (or this page) are essencial for accesibility. Every page needs one main. Changing your div that contains nav with a header and the div that starts with keyboard input with a main would be good.

  Every input must have a label. Placeholder attribute should not be used as an alternative to a label.

  Also search input should be in a form, i think.

  You are mapping ul element in both verb and noun section, so creating lots of lists instead of 1 per section. Map list items inside ul instead.

  For color switcher a button would be a better option instead of an empty div. While writing it came to my mind, for font switcher option might be a good option too (ba dum tıss)

  00