AOSSIE-Org / AOSSIE-Org/Perspective

[Enhancement] Complete frontend re-design and UI responsiveness Issues

Ouverte
#130 1 commentaire 0 réactions 0 personnes assignées Voir sur GitHub
Langage dominant
TypeScript
Étoiles
50
Forks
78
Métriques de merge des PR
Aucune PR mergée en 30 j

Description

### Context
Following the core architectural changes and LangGraph setup completed in PR #124, we need to focus on the frontend implementation.

### Problem
1. **Lack of Identity:** The current UI lacks a distinct brand identity and looks like a generic, AI-generated template. It does not reflect the project's design language.
2. **Disconnected Backend:** The frontend currently runs on hardcoded mock data and does not communicate with the FastAPI backend.
3. **Responsiveness:** The layout breaks on mobile devices (overlapping sidebars, hidden menus).

### Solution
- **UI Overhaul:** Replace the current generic interface with the custom design shared in the Discord channel (Figma).
- **Integration:** Connect the `PerspectivePage` to the real `/api/bias` and `/api/process` endpoints.
- **Mobile Support:** Implement a fully responsive layout with collapsible sidebars and hamburger menus.

### Tasks
- [x] Implement pixel-perfect Landing Page from Figma.
- [x] Build `BiasGauge` and `RightSidebar` components matching the new design.
- [x] Create `usePerspective` hook for real-time API data fetching.
- [x] Fix NLTK threading crashes in the backend to support the new frontend requests.

Guide de contribution

Aucun guide de contribution indexé pour ce dépôt

Évaluation

Cette issue n'a pas encore été évaluée.

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.