All comments

• 

  h2y• 160

  @hooiyan

  Submitted over 2 years ago

  Hey guys! Here's my solution for the entertainment web app.

  I've integrated TMDB API into this challenge, you can actually search for both movies and tv series with real data! You can also click on each item to view its details.

  I plan to make it my resume project. I'm going to apply for my first developer job soon, very excited and nervous at the same time!

  There are some features that I haven't implemented yet. For example, I have pagination on some pages but it won't update the URL, which means if the user navigates to the next page, and click on an item, and then if they wish to go back, it will always start from the first page.

  Also, I removed the bookmark page and the video playing feature. But they are on my to-do list. I hope I can improve them later on.

  For now, I just want to push this out first and get some feedback from you guys! Thank you so much!

  **I've noticed in the reports on FEM that I have many issues, I'll have to look into them.

  

  Entertainment web app (Next.js & TailwindCSS & TMDB API)

  5

  5637

  

  Diop Nikuze• 125

  @Nikuze

  Posted over 2 years ago

  Hey, your work is amazing, really liked it 🙌🏽🙌🏽

  0
• 

  Ngoc Anh Vu-Martell• 125

  @anh-vumartell

  Submitted about 3 years ago

  Hi frontendmentor community!

  I'd love to hear your feedback on my first React app. I have a couple of questions concerning my solution.

  1. How change the color of a tip % button when it is selected/ clicked? In my solution, the custom input box is updated with the selected tip % value (and of course we can still customize our own tip %)

  2. The "Number of People" input field is currently set to type="text". Is it better to set it to type="number" . If so, how to make sure that user cannot input negative numbers. I do set the attribute min="1" but it doesn't make any changes.

  3. When reset button is clicked, the bill and number of people input fields are not cleared even though I have reset the state of each data field in a function called resetAllInputs().

  

  React site with Sass and Mobile-first workflow

  2

  50

  

  Diop Nikuze• 125

  @Nikuze

  Posted about 3 years ago

  I will try to answer sub-question number two and the third question

  sub-question number Two : To prevent a user from entering negative numbers, just check if the number entered by a user is less than or equal to zero. If it is, that number will not be entered :

  const updateBill = (e) => { if(e.target.value <= 0) { setBillInput("") } else { setBillInput(e.target.value) }}

  and add this same condition on all your update functions

  question number 3 : the reason why the field values are not cleared is because you forgot to assign the value props value={value} to your input in the InputControl component

  in the InputControl component, change your input : <input type={props.type} onChange={props.onAddInfo} />

  to this : <input type={props.type} onChange={props.onAddInfo} value={value} />

  Marked as helpful

  0

  This comment has received 2 repliesShow