mirror of
https://github.com/SamyRai/tercul-frontend.git
synced 2025-12-27 00:11:35 +00:00
154 lines
5.7 KiB
Plaintext
154 lines
5.7 KiB
Plaintext
Excellent push — you’re absolutely right. A modern literary platform isn’t just about **presenting** texts, but enabling **dialogue, interpretation, and community**. So let’s expand the blueprint with **social, interactive, and editorial** layers. Think of it as adding the "culture" to the archive.
|
||
|
||
---
|
||
|
||
## 🔁 Expanded Functional Layers
|
||
|
||
We'll now add three strategic pillars:
|
||
|
||
| Layer | Goal |
|
||
|-------|------|
|
||
| **Commentary & Reactions** | Spark discourse: line-by-line comments, likes, debates. |
|
||
| **Blog & Editorial** | Add depth: essays, analyses, author spotlights, translation notes. |
|
||
| **User Ecosystem** | Build loyalty: profiles, contribution stats, public shelves. |
|
||
|
||
---
|
||
|
||
## 1 · 🔍 Commentary & Reactions
|
||
|
||
### 📌 Types of Interaction
|
||
|
||
| Feature | Description | UX/UI Behavior |
|
||
|--------|-------------|----------------|
|
||
| **Likes** | Simple heart for works, translations, comments. | Toggled icon, small counter (e.g. ❤️ 12). |
|
||
| **Bookmarks** | Save to personal reading list. | Local-first, cloud-sync if logged in. |
|
||
| **Line-by-line Comments** | Like Genius.com – contextual annotations. | Hover line → “➕” icon → opens comment thread drawer. |
|
||
| **Work-level Comments** | General discussion at bottom. | Chronological or nested threads. |
|
||
| **Author Discussions** | Meta-level debates on style, life, influence. | Lives on `/authors/[slug]` in a `Discussion` tab. |
|
||
|
||
### 🔐 Comment System Design
|
||
|
||
| Role | Abilities |
|
||
|------|-----------|
|
||
| Anonymous | View comments. |
|
||
| Logged-in user | Post, like, flag abuse. |
|
||
| Contributor | Highlight lines, reply inline. |
|
||
| Reviewer | Pin/highlight best comments. |
|
||
| Moderator | Delete/report/ban, edit content. |
|
||
|
||
### 🧠 Advanced (Phase 2+)
|
||
|
||
- AI-generated summary of most discussed lines.
|
||
- “Agree/Disagree” reactions per comment (adds nuance).
|
||
- Notifications: "3 people replied to your comment on Dostoyevsky".
|
||
|
||
---
|
||
|
||
## 2 · 📰 Blog & Editorial Layer
|
||
|
||
### Purpose
|
||
|
||
- Provide **context** to works and authors.
|
||
- Feature **translations-in-focus** with commentary.
|
||
- Highlight **user-created collections** or “reading paths”.
|
||
|
||
### Suggested Content Types
|
||
|
||
| Type | Examples |
|
||
|------|----------|
|
||
| **Essay** | “Reading Pasternak through Brodsky” |
|
||
| **Spotlight** | “Who was Anna Akhmatova?” |
|
||
| **Translation Notes** | “Why I chose ‘rage’ over ‘anger’ in line 12” |
|
||
| **Platform Updates** | “New feature: inline annotations” |
|
||
| **User Interviews** | “Meet our top contributor: @lazarev” |
|
||
|
||
### Blog UX Guidelines
|
||
|
||
- `/blog` landing page → tag filters (e.g. “Translation”, “Essay”, “Editorial”), hero article.
|
||
- `Reading time`, `last updated`, `share to` social buttons.
|
||
- Authors = user accounts (can be contributors or editors).
|
||
- Markdown or MDX-based for inline blockquotes, images, footnotes.
|
||
|
||
---
|
||
|
||
## 3 · 🧍 User Ecosystem
|
||
|
||
### 👤 Public Profile (`/users/:username`)
|
||
|
||
| Section | Details |
|
||
|---------|---------|
|
||
| Bio & avatar | With optional link to social/website |
|
||
| Contributions | Works uploaded, translations made |
|
||
| Favorites | Public reading list |
|
||
| Comments | Timeline of discussions participated in |
|
||
| Collections | Curated themed bundles (“Best Russian Haiku”) |
|
||
|
||
**Optional Gamification:**
|
||
- Karma score = sum of likes on contributions.
|
||
- Badges (e.g. “1000 lines translated”, “First annotation posted”).
|
||
- Contributor level (newbie, regular, trusted).
|
||
|
||
---
|
||
|
||
## 4 · 🧰 Admin Tools & Moderation
|
||
|
||
| Tool | Use |
|
||
|------|-----|
|
||
| Abuse reports dashboard | View flagged content by type (comment, work, user). |
|
||
| User shadowban | Hide abusive comments without alerting user. |
|
||
| Role management | Promote contributors to reviewer/editor. |
|
||
| Featured work chooser | Editorial team selects homepage highlights. |
|
||
|
||
---
|
||
|
||
## 5 · 🧠 Architecture Implications (Minimal)
|
||
|
||
- Add `comments` table with `parent_id` (nested threads), `line_number` (for inline).
|
||
- Add `likes` table (polymorphic on work, translation, comment).
|
||
- Add `posts` table with `type` column (`essay`, `spotlight`, `update`).
|
||
- Add `collections` table + `collection_items` mapping many works/translations to one collection.
|
||
|
||
These are **lightweight additions** that can piggyback on your existing schema. You don’t need to rewrite core logic.
|
||
|
||
---
|
||
|
||
## 6 · Real-World Example Comparisons
|
||
|
||
| Platform | Feature You Should Steal |
|
||
|----------|--------------------------|
|
||
| **Genius.com** | Line-level annotation + highlight sync |
|
||
| **Goodreads** | Collections, user profile with stats |
|
||
| **Medium** | Blog layout + estimated reading time |
|
||
| **Stack Overflow** | Comment voting, badges for quality |
|
||
|
||
---
|
||
|
||
## 7 · Prioritized Rollout Plan for Community Layer
|
||
|
||
| Phase | Features |
|
||
|-------|----------|
|
||
| **Phase 1** | Work-level likes, bookmarks, basic profile, blog |
|
||
| **Phase 2** | Inline comments, user-created collections, public favorites |
|
||
| **Phase 3** | Author discussions, essay comments, badges |
|
||
| **Phase 4** | Comment AI summarizer, reaction variety (agree/disagree), contribution analytics dashboard |
|
||
|
||
---
|
||
|
||
## 8 · UX Traps to Avoid
|
||
|
||
| Mistake | What to do instead |
|
||
|--------|--------------------|
|
||
| **Flooding with social upfront** | Hide comment threads behind expand unless popular or new. |
|
||
| **Empty states that feel dead** | Always show “Be the first to…” with cheerful prompts. |
|
||
| **No moderation transparency** | Add mod badges + “this comment was moderated” flags. |
|
||
| **Push login too early** | Let people *like* or *comment draft* before asking to log in (buffered interactions). |
|
||
|
||
---
|
||
|
||
Would you like me to:
|
||
|
||
✅ Create wireframe mockups for profiles, blog, and comments
|
||
✅ Write the copy for prompts and empty states
|
||
✅ Prioritize the top 5 community features to build first
|
||
|
||
Which direction do you want to iterate next? |