This project is a reading highlight application built with Next.js, Supabase, TailwindCSS, ShadCN, and ElevenLabs. The app allows users to save and highlight text from their readings, and it provides narration functionality to listen to the highlighted text. The project aims to enhance the reading experience by integrating various modern web technologies.
- Next.js: A React framework for building server-side rendered and static web applications.
- Supabase: An open-source Firebase alternative that provides backend services such as authentication, database, and storage.
- TailwindCSS: A utility-first CSS framework for rapidly building custom user interfaces.
- ShadCN: A component library for building accessible and customizable UI components.
- ElevenLabs: A text-to-speech API for generating high-quality speech from text.
- Save and highlight text from readings.
- Narrate highlighted text using ElevenLabs text-to-speech API.
- Responsive design with TailwindCSS.
- User authentication and data storage with Supabase.
- Inline, global audio player
- Chrome Extension: Develop a Chrome extension for saving highlights from around the web.
- Frontend Integration: Hook up the frontend to the existing backend functionality for creating and saving highlights.
- Full Text View: Definitely need to improve the full text view to display the narrated text more effectively.
- Text Highlighting: Implement a feature to highlight text according to the current position in the speech.
- Node.js and npm installed on your machine.
- A Supabase account and project set up.
- An ElevenLabs API key.