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

react , BEM methodology

Mr-Dhie 150

@Mr-Dhie

Desktop design screenshot for the Interactive comments section coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

solving this problem in pure js. i do a lot of crud problems using java but not js. so its hard for me to organize the function on where should i place them and how to call them properly . that will be my next approach when i redesigning this again more on structure

special Thanks to @AlexKMarshall @Grace-Snow on discord for answering my inquires

What challenges did you encounter, and how did you overcome them?

first challenge that i encounter here is cause of neglect i started designing without implementing all the functionality . it is like a recursion for me . that i need to have reusable function that will pass of. plus the rerender functionality of react i forgot that every render the useState will trigger what you put on them ,what i did is after changing the useState i use it immediately.

What specific areas of your project would you like help with?

on how to organize my function and how to handle the data properly using useState since i spend a lot of time solving why the modal did'nt handle my variable. the reason is i use a display block , display hide in my css that when i clicked the button it will triggered immediately and data that i supposed i've pass was in initialState since the page wasn't rerender.

Community feedback

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