Social-Feed-Lab

Developed at devCodeCamp

A React-based web application that simulates a social media comment feed, allowing users to post comments and react (like/dislike) in real time, similar to platforms like YouTube.

Features

• Interactive comment forms

• Real-time user-generated content updates

• Like and dislike reactions on comments

• Simulates comment sections for video/content platforms

Technologies Used

• ReactJS

• HTML5

• CSS3

Installation

1. Clone the repository:

   bash git clone https://github.com/thompsonmikej/Social-Feed-Lab.git cd Social-Feed-Lab

2. Install dependencies:

   bash npm install

3. Run the app:

   bash npm start

Usage

• Open the app in your browser at http://localhost:3000

• Post comments using the input field

• React to comments by clicking the like or dislike buttons

• View updates reflected immediately in the comment feed

Challenges & Lessons Learned

• First in-depth experience working with React and managing state.

• Witnessed how user-generated content can update a UI dynamically without page reloads.

• Enhanced understanding of component-based design and event handling.

Future Improvements

• Implement nested replies for comments to create threaded discussions.

• Add a variety of emoji reactions beyond basic likes/dislikes.

• Explore voice message support and speech-to-text capabilities to provide alternative interaction methods beyond typing.

Technologies

Testing

Other