An open API service indexing awesome lists of open source software.

https://github.com/ismaildrs/quizscribe

Transform video content into Interactive Learning
https://github.com/ismaildrs/quizscribe

Last synced: about 1 year ago
JSON representation

Transform video content into Interactive Learning

Awesome Lists containing this project

README

          

# QuizScribe Logo QuizScribe
![Version](https://img.shields.io/badge/Version-1.0-blue)
![Platform](https://img.shields.io/badge/Platform-Web%20%26%20Extension-green)

**QuizScribe** is your gateway to smarter learning. This innovative platform transforms YouTube videos into interactive courses, allowing you to actively engage with content through summaries, flashcards, quizzes, and diagrams. Powered by cutting-edge AI technologies like **AssemblyAI**, QuizScribe redefines how knowledge is absorbed and retained, making learning more engaging and efficient.

---
![QuizScribe Preview](public/quizscribe-preview.png)

---
## 🚀 **Features**
- **Summaries**: Quickly review the key points of any video.
- **Flashcards**: Automatically generate study cards and export them to Anki for extended learning.
- **Quizzes**: Test your knowledge with personalized, AI-generated multiple-choice questions.
- **Diagrams**: Visualize and simplify complex concepts.
- **Folders**: Organize videos by topic, theme, or personal goals.
- **Browser Extension**: Seamlessly transform any YouTube video into a learning tool with a single click.

---
## 🌐 **Quick Links**
- **Chrome Extension Repository**: [QuizScribe Chrome Extension](https://github.com/ismaildrs/quizscribe-extension)
- **Blog Post**: [QuizScribe on Dev.to](https://dev.to/ismail_drissi_32520264908/quizscribe-turning-youtube-videos-into-interactive-learning-tools-4l7g)

---
## 🛠️ **Setup and Installation**
### Requirements
- [Node.js](https://nodejs.org/en/)
- [Next.js](https://nextjs.org/)

### Getting Started
1. Clone the repository:
```bash
git clone https://github.com/ismaildrs/quizscribe.git
cd quizscribe
```
2. Install dependencies:
```bash
npm install
```
3. Set up environment variables:
Create a `.env` file in the root directory with the following values:
```
AUTH_SECRET=
AUTH_GOOGLE_ID=
AUTH_GOOGLE_SECRET=
ASSEMBLYAI_API_KEY=
YOUTUBE_API_KEY=
DATABASE_URL=
```
**Variable Details**:
- **AUTH_SECRET**: A secure key for authentication.
- **AUTH_GOOGLE_ID** and **AUTH_GOOGLE_SECRET**: Obtain from Google Cloud Console under OAuth 2.0.
- **ASSEMBLYAI_API_KEY**: Create an account at [AssemblyAI](https://www.assemblyai.com/).
- **YOUTUBE_API_KEY**: Enable the YouTube Data API in [Google Cloud Console](https://console.cloud.google.com/).
- **DATABASE_URL**: Your MongoDB connection string, available on [MongoDB Atlas](https://www.mongodb.com/atlas/database).

4. Configure the database:
Run these Prisma commands to synchronize your schema:
```bash
npx prisma generate
npx prisma db push
```
5. Start the development server:
```bash
npm run dev
```
6. Open the app in your browser: [http://localhost:3000](http://localhost:3000).

---
## 🧑‍💻 **About Us**
Created with passion by:



Together, we aim to make online learning smarter, more engaging, and more accessible.