Skip to content
Submitted over 1 year ago

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

Akram Adjab•380
@akramAdjab
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Interactive comments section
  • HTML
  • CSS
  • JS
3intermediate

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

  • Luis Jimenez•720
    @LuisJimenez19Posted over 1 year ago

    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
    Akram Adjab•380
    @akramAdjabPosted over 1 year ago

    @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

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