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 comment section with firebase storage

#firebase#react
Mariaโ€ข 200

@mariapenaa

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


Hey! This is one of my first projects with firebase, so there are probably still a few errors I have to workout. Iยดm still learning how React apps should be organized, and near the end of this project I realized I had made many mistakes when I created each component. So I would really appreciate any feedback related to react and how the data flow should be organized. Thanks!

Community feedback

P
Matt Studdertโ€ข 13,611

@mattstuddert

Posted

Excellent work on this challenge, Maria! I really like how you've adapted it and made it your own. One area I'd recommend reviewing is using buttons to trigger actions like replying and deleting comments. If you expect a user to interact with an element to trigger an action, it needs to be an anchor tag or button to ensure it's accessible to anyone not using a mouse/trackpad.

I hope that helps. Keep up the awesome work! ๐Ÿ‘

Marked as helpful

1

Mariaโ€ข 200

@mariapenaa

Posted

@mattstuddert Thank you for the advice! I didn't know about this so it I really appreciate it!

0
P
Matt Studdertโ€ข 13,611

@mattstuddert

Posted

@mariapenaa, you're welcome!

0
Naveen Gumasteโ€ข 10,480

@NaveenGumaste

Posted

Hay ! Good Job Maria

These below mentioned tricks will help you remove any Accessibility Issues

-> Add Main tag after body like it should be your container. For 1st heading or h1 tag, use header tag and then inside the header put your h1 or h2 etc . But use header tag only once in main heading element.

Keep up the good work!

Marked as helpful

1

Mariaโ€ข 200

@mariapenaa

Posted

@Crazimonk thank you! I appreciate the feedback and will be sure to include the recommendations.

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