Anti-Fake News Platform

A platform where users submit questionable news items and the community votes on whether they are fake or real, with comments as supporting evidence.

• Vote counts and comment threads must stay consistent under concurrent updates.
• The UI repeats the same card and list patterns across many pages.

1. 01

   Component-based architecture

   Built a small set of reusable Vue components (news card, vote control, comment thread) driven entirely by props, so pages became composition rather than duplication.

2. 02

   API contract before implementation

   Agreed on endpoints and response shapes with the team first, which let the frontend and backend progress in parallel against a mock.

• Vue.js SPA consuming a Node.js REST API.
• Relational schema for news, votes and comments with one vote per user per item.

• Vue.js
• Node.js
• REST API
• Component architecture

• New pages were assembled from existing components in hours, not days.

• Agreeing the API shape early is the cheapest coordination tool a team has.