Scribr is a Next.js application that allows users to transcribe YouTube videos, and download transcripts in various formats (text, JSON, SRT, WebVTT) for free. This app is mainly a frontend wrapper for my youtube-transcriber-api.
Try it out here: https://scribr.vercel.app/
- React.js + Typescript
- TailwindCSS
- ChakraUI
- Zustand
Before you begin, ensure you have Node.js and npm installed
- Clone the repository:
git clone https://github.com/mongj/scribr.git
- Change into project directory:
cd scribr
- Install dependencies
npm install
- Running the development server
npm run dev
Open your browser and navigate to http://localhost:3000.
- For building and deploying in production:
npm run build
npm start
Vercel is used as both the staging and production environment for the app. See here for the GitHub actions workflow that handles deployment. If you are planning to use the same workflow, do note that you need to add the following secrets:
- VERCEL_ORG_ID (access via
https://vercel.com/account
) - VERCEL_PROJECT_ID (access via
https://vercel.com/<user>/<project>/settings
) - VERCEL_ACCESS_TOKEN (access via
https://vercel.com/account/tokens
)
- Add translated transcripts
- Set up UI testing
This project is licensed under the MIT License - see the LICENSE file for details.