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

Interactive Comments Section(CSS Grid and Flexbox, JavaScript, React)

@akramAdjab

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


Greetings, Frontend Mentor coding community! I am pleased to share with you my solution for the Interactive Comments Section.*

I have created an interactive comments section using CSS Grid and Flexbox, along with JavaScript, React.js, and BEM. This project is aimed at enhancing my React skills as a beginner and taking them to the next level. I hope you find my code useful and appreciate any feedback or suggestions, including any refactoring you may do, such as creating a Button Component. Unfortunately, some features, such as the edit button and delete popup, are missing because I have yet to learn how to lift up the state. Therefore, I plan on diving deeper into React to learn more and hopefully implement these features in the future.

I hope you find my code useful and appreciate any feedback or suggestions 😄🙌🏻

Community feedback

@LuisJimenez19

Posted

Very good, congratulations, it looks good, I recommend you to further modularize the project, you can separate the components in a "components" folder and then import them where you need them, it is a good start, you are missing the editing functionality, and maybe you could having used the localStorage api as persistent storage or a DB, but if you are just starting, my recommendation is that you separate the project structure well, I hope my contribution helps you, let's keep trying.

Marked as helpful

1

@akramAdjab

Posted

@LuisJimenez19 yes yes, I didn't follow the rule of component per file because found that is a smaller projects so no need for a lot of files but you are right about that. Also, I didn't use localStorage to store the comments because I focused more about React, States, and Props. Because I'm beginner, so I need to practices more on states, lifting up states, and data flow. But, I'll will add these features in the future. Thanks for your comments and you're advice bro, I'll appreciated 🙌🏻

1

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