/interactive-comments-section

A comment section that allows the current user to interact with four functionalities (CRUD).

Primary LanguageJavaScript

Interactive Comments Section

Live Site Here.

  1. Bootstrapped with Create React App.
  2. This is a solution to the Interactive comments section challenge on Frontend Mentor.

👾 Solution

Links

👾 Set Up

  1. Start development server
 npm start

👾 Build and Run for production

  1. Generate a full static production build
  npm run build

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 and replies
  • Upvote and downvote comments
  • Bonus: If you're building a purely front-end project, use localStorage to save the current state in the browser that persists when the browser is refreshed.

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox
  • CSS Grid
  • Mobile First WorkFlow
  • React - JS library
  • Framer Motion - Animation library

💻 Author