Group Project : Social Media

[yogeshtakeo]

Social Media Feed

Description: Build a simple social media feed app using React that displays posts from a mock API.

Topics that are covered:

• React component structure and state management
• Handling user authentication and authorization
• Making API requests to the backend server
• Displaying dynamic data from the API response
• Implementing CRUD (Create, Read, Update, Delete) functionality for posts and comments
• Using form validation and error handling
• Implementing pagination and infinite scrolling for the feed
• Utilizing CSS and responsive design for a polished user interface

Requirements:

1. Use Axios to fetch data from the mock API
2. Display posts in a list format with the latest post at the top
3. Display the author's name and the time the post was created
4. Allow users to like or dislike posts by clicking on a heart icon
5. Allow users to add comments to a post by clicking on a comment icon and displaying a modal with a comment form
6. Use Bootstrap or another CSS framework for styling

Bonus:

1. Allow users to search for posts by keywords
2. Implement pagination to limit the number of posts displayed on the page at one time

Note: You can use a mock API service like JSONPlaceholder for this task.

[yogeshtakeo]

Team 1 : @kenneth-ee-t @sushilkhanal

Didnt see the Socail Media Project for the Group project

Marks : 0

[yogeshtakeo]

Team 2: @Sanjay2111 @jyotibaskota

Wonderful implementation of the Posts .

Marks :10

[yogeshtakeo]

Team 3: @jayaprakashshrestha @Bhabishaphuyal6

The Task is not there

Marks :0

[yogeshtakeo]

Team 1 : @kenneth-ee-t @sushilkhanal

The tasks is correct and implementation is also good but the pagination doesnot seem appropriate in UX. Try adding other things like scrolling and with correct CSS

Marks : 8