AOSSIE-Org / AOSSIE-Org/Perspective

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

Open
#130 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
50
Forks
78
PR merge metrics
No merged PRs in 30d

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.

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.