@swagthehooman
Submitted
@iRaYzEn
@swagthehooman
Submitted
@iRaYzEn
Posted
nice one but i had problems such as when trying to look for a country by name i should submit the form to get the result that is really annoying and the background color in dark mode is not the same color as in dark mode again when searching for a country by name,
i fix it like this with react you can look at my solution in the App.jsx file i comment it // colorScheme change
i made this project 3 days ago so i know most of these problems
btw look at my solution and give me a feed back and look at my solution
happy codding
@vishalpankhade
Submitted
Do you have any questions about best practices? --->what is the best way to use #id ?, I use class most of the time. and is margin padding setting to 0, a good practice and box-sizing to border-box
@iRaYzEn
Posted
hay, yeah you should always reset the default behavior with css ,
and it doesn't matter to use classes or ids you can use whatever you want for now
btw checkout naming convention called BEM use it to name things better and you are using a lot of divs to represent paragraphs you should use the <p></p> tag instead
hope you the best
@defydef
Submitted
This is the solution for Dictionary web app challenge, using React and Tailwind CSS. Feel free to give your feedback, any feedback are welcome 😊
@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 :)