AnglonYT

Self-hosted and open-source application for learning English through YouTube videos and AI.

Features

• YouTube Client
• Interactive Notes
• Vocabulary
• Quiz

Tech Stack

• Frontend
  • Vite
  • React
  • Axios
  • Zustand
  • TailwindCSS
  • react-youtube
  • shadcn-ui
• Backend
  • Flask
  • youtube-transcript-api
  • google-genai
• Dev
  • Docker

Quick Setup 🛠️

1. Clone and Setup Environment:

git clone https://github.com/primaveraopensource/anglonyt.git
cd anglonyt
cp .env.example .env

Copy content of .env.example to .env and replace variable values for your own Gemini API Key

Start Development Environment:

# Build and start all services
docker-compose up

Project Struture

anglonyt/
├── client/
│   ├── public/
│   ├── src/
│   │   ├── services/
│   │   ├── components/
│   │   ├── models/
│   │   ├── layouts/
│   │   ├── stores/
│   │   ├── styles/
│   │   ├── App.jsx
│   │   ├── main.jsx
│   │   └── ...
│   ├── package.json
│   ├── vite.config.js
│   └── ...
├── server/
│   │   ├── services/
│   │   ├── transcript_service.py
│   │   ├── topic_service.py
│   │   ├── question_service.py
│   │   └── chat_service.py
│   ├── app.py
│   ├── requirements.txt
│   ├── routes.py
│   └── Dockerfile
├── docker-compose.yml
└── README.md

Architecture