A modern web frontend for RightsWatcher — the user-facing UI that connects to the RightsWatcher backend to display, search, and manage rights-related alerts, reports and metadata. This README was prepared using the project's final report to capture the project's goals, architecture guidance, and recommended workflows.
RightsWatcher-frontend is the web client for the RightsWatcher system. Its primary goals are:
- Present rights-related alerts and reports to users in a clear dashboard.
- Provide search and filtering across rights metadata.
- Give users tools for triage, reporting, and exporting results.
- Offer a lightweight, responsive UI that communicates in real-time (or near-real-time) with backend services.
These goals and the high-level architecture were derived and refined from the project's final report
- Dashboard overview of incoming rights alerts and trends
- Alerts list with filters, sorting, tagging and status updates
- Detailed alert / case view with metadata and history
- Search (global and field-specific) across stored rights records
- User account UI for settings and preferences
- Accessibility and responsive design for desktop and mobile
- Framework: React
- Bundler / dev tooling: Vite or Create React App
- State & data fetching: React Query / SWR or local state + hooks
- Styling: Tailwind
- Node.js LTS (16 or above recommended)
- npm
- The RightsWatcher backend URL (for environment configuration)
Clone the repo and install dependencies:
git clone https://github.com/jamhour1g/RightsWatcher-frontend.git
cd RightsWatcher-frontend
npm install