https://github.com/natalyrojas5/react-interactive-comments

https://github.com/natalyrojas5/react-interactive-comments

react scss typescript

Last synced: 4 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/natalyrojas5/react-interactive-comments
• Owner: natalyrojas5
• Created: 2022-03-18T06:14:41.000Z (almost 3 years ago)
• Default Branch: current-app
• Last Pushed: 2022-06-24T16:41:41.000Z (over 2 years ago)
• Last Synced: 2023-03-08T18:29:28.554Z (almost 2 years ago)
• Topics: react, scss, typescript
• Language: TypeScript
• Homepage: https://react-interactive-comments.vercel.app/
• Size: 947 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Interactive Comments

## This project is based on one of the [Frontend Mentor](https://www.frontendmentor.io/) challenges.

![Interactive comments](./screenshot-.png)

### [Interactive comments section challenge hub](https://www.frontendmentor.io/challenges/interactive-comments-section-iG1RugEG9)

# The challenge

- Challenge is to build out this interactive comments section and get it looking as close to the design as possible.

- Users should be able to:- 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.

# Technologies used

- React + Typescript

- Context + Redux

- Scss