/interactive-comment-section

Interactive comments section challenge on Frontend Mentor

Primary LanguageJavaScript

Frontend Mentor - Interactive comments section solution

This is a solution to the Interactive comments section challenge on Frontend Mentor.

Table of contents

Overview

The challenge

Users should be able to:

  • View the optimal layout for the app depending on their device's screen size
  • See hover states for all interactive elements on the page
  • Create, Read, Update, and Delete comments/ replies
  • Upvote and downvote comments/ replies
  • Persist comments and replies in Firestore database
  • Time added is automatically generated

Screenshot

Desktop Design

Desktop Modal

Mobile Design

Mobile Modal

Links