ThreadedReplies is a React application visualizing a threaded comment system.
![sc1](https://private-user-images.githubusercontent.com/61316762/258770007-a5e3ffba-f3b9-42fd-8fc0-9da6086e61e9.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAwMTc2MzQsIm5iZiI6MTcyMDAxNzMzNCwicGF0aCI6Ii82MTMxNjc2Mi8yNTg3NzAwMDctYTVlM2ZmYmEtZjNiOS00MmZkLThmYzAtOWRhNjA4NmU2MWU5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzAzVDE0MzUzNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTlkNDk5OGQ4ZTFhNTZjNTcyZjljYWY5Yzc3Y2Q1MDVkZThhMzgwM2JkMTc5YTg1NDA2NmYxODMxMGFiNGU5MTAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.Oe2RiMtdWFYHykkepOFkJDsu72KMW3fqidH91meDo0Q)
![sc1](https://private-user-images.githubusercontent.com/61316762/258769928-8697eb0d-e9e4-4d4f-95bd-b3d6d8bd29ad.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAwMTc2MzQsIm5iZiI6MTcyMDAxNzMzNCwicGF0aCI6Ii82MTMxNjc2Mi8yNTg3Njk5MjgtODY5N2ViMGQtZTllNC00ZDRmLTk1YmQtYjNkNmQ4YmQyOWFkLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzAzVDE0MzUzNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWZlNzc4ZDdkMzZmMTNmZTU0MmE3NWZiNzRmZmEzZDdmOTQwNmM5OGUyYzJjMzE0YTNhMWM4ZmE0Yjk3ODk2MmUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.ZFjH7CT2OQAcSxsToQPnvBJZhM8IMaiC8CeP5TphJeI)
- Clone the repository to your local machine.
- Install the required dependencies by running
npm install
. - Start the development server with
npm start
- Open your browser and navigate to
http:https://localhost:3000
to view the app.
- Upon launching the app, you'll see a list of comments and their associated replies (if any).
- Click on "Like" or "Dislike" to express your reaction to a comment. Note that you can only like or dislike a comment, not both.
- To view the replies for a comment, click on "Show Replies." Clicking it again will hide the replies.
- React.js
- Framer Motion (for animations)
- CSS (for styling)
If you'd like to contribute to ThreadedReplies, please fork the repository and use a feature branch. Pull requests are welcome!