Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Dictionary web app using React and Tailwind CSS

Devy 210

@defydef

Desktop design screenshot for the Dictionary web app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
  • API
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


This is the solution for Dictionary web app challenge, using React and Tailwind CSS. Feel free to give your feedback, any feedback are welcome 😊

Community feedback

iRaYzEn 240

@iRaYzEn

Posted

hey man i am doing the same project now and i found out that the API is broken because for some words like right there are no phonetic for it there are an array of phonetics you can test your program by typing the word right and find that the phonetic is not working the way i fixed it is like this :

<p >{data?.phonetic || data?.phonetics.map((pho, i) => i == 1 && pho.text)}</p> if there is a phonetic so that's it but if there are phonetics array so : there are 3 arrays in the phonetics array so i picked the array number 1 :)
0

@Aniket200-ind

Posted

Great site man, loved it!!

0

Devy 210

@defydef

Posted

@Aniket200-ind thank you so much! 😄

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord