ReadBack - Live Transcript System

Live View - (Webapp)
Live View - (Figma Design)
Live View - Definition - (Webapp)
Live View - Explaination - (Figma Design)
Live View - Explaination - (Webapp)
Review Mode - (Figma Design)
Review Mode - (Webapp)
Review Mode - Individual Transcript - (Figma Design)
Review Mode - Individual Transcript - (Webapp)

Inspiration

After deliberation we decided to take on the first prompt of: How can we leverage technology to provide access to justice for all? This decision was inspired during our research when we came across a call to action by Canadian law firms to improve the overtly complex legal system. Two key issues from this call to action was to allow jurors to review statements during hearings and have access to transcripts.

What it does

ReadBack serve to modernize the legal process, it is meant to help facilitate the communication gap between the two sides and help everyone remain on the same page. It is made to be used live during court hearings, to provide a live transcript with many accessibility features to everyone.

How we built it

Tech stack: React frontend with a Flask backend. Axios for fetch requests. OpenAI API to generate further explanation and usage of judicial language. ElevenLabs API for text-to-speech. Git version control. Docker for system synchronization.

Challenges we ran into

Backend-to-frontend integration took much more time than expected as we would have stuff working in the backend but struggled to properly send it to the frontend. Due to the time spent on this we did not spend as much time on the actual implementation of the UI.

Accomplishments that we're proud of

This is our first time using AI APIs and it was really exciting to see the pieces all fit together and working in real-time. We are really proud of our idea and see this technology being implemented in real-life court proceedings in the future.