Back to battles
mediumupcoming
Social Feed
A social media feed with posts, comments, likes, and infinite scroll.
35 min limit0 participants
javascriptcssui
PRD
# Social Feed PRD ## Overview Build a social media feed application with post creation, commenting with threaded replies, likes, infinite scroll, and rich text formatting. ## Requirements - Create posts with text content and optional image URL - Post feed with infinite scroll loading - Like and unlike toggle with live count display - Comment on posts with threaded reply support - User avatars and display names using mock data - Relative timestamps (e.g., "2 min ago", "1 day ago") - Post menu with edit and delete for own posts - Rich text in posts: bold, italic, and auto-detected links - Image preview displayed inline in posts - Character limit of 280 characters with live counter - Share and repost functionality - Bookmark and save posts for later - Filter feed by: all posts, following, and bookmarked - Search across all posts by content - New post notification banner when new content is available - Persist all data to localStorage ## Tech Stack - JavaScript or any frontend framework - CSS for feed layout and animations - No social media component libraries ## Scoring Criteria - **Functional (40%)**: Post CRUD works, comments and likes work, infinite scroll loads - **Quality (20%)**: Smooth scrolling, proper state management, clean UI - **Fidelity (25%)**: All features present including threaded replies, rich text, bookmarks, and search - **Speed (15%)**: Time bonus
Battle Stats
Time Limit35 min
Participants0
Statusupcoming
Rules
- AI-assisted coding tools only -- no manual edits
- Stay within the time limit
- Scoring based on correctness, code quality, and speed
- Session must be recorded via the CLI