DEV Community

Harsh Monga
Harsh Monga

Posted on

πŸš€ I Built a DSA Learning App with React + Firebase + YouTube API β€” Meet AlgoBites

Hi devs! πŸ‘‹

I just launched AlgoBites, a free web app that helps you master Data Structures & Algorithms using bite-sized YouTube videos and interactive features like:

βœ… Google login & progress sync

βœ… Daily streak tracking

βœ… "Practice Later" queue

βœ… Video search + favorites

βœ… AI assistant per video (ask questions!)

βœ… LeetCode problem tracker

βœ… Personal notes per video

βœ… Estimated time to complete a playlist

βœ… Mobile-friendly UI (built for vertical videos)

πŸ›  Tech Stack

  • React + Vite for the frontend
  • Firebase Auth (Google Sign-In)
  • Firestore for storing notes, watched videos, and streaks
  • YouTube Data API to fetch DSA video playlists
  • OpenAI GPT API (soon) for AI chat support
  • LeetCode Stats API for tracking solved problems

πŸ’‘ Why I Built It

As a CS student, I realized long YouTube videos can be overwhelming when trying to learn DSA fast. So I created AlgoBites β€” a more focused, TikTok-style way to learn and review key concepts in 30s–1min videos.

It’s personalized, lightweight, and designed to help you stay consistent with daily learning.


πŸ§ͺ Try It Out

πŸ‘‰ algobites.vercel.app

All feedback is welcome!

If you have feature suggestions or run into bugs, feel free to comment here or open an issue on GitHub.


🌱 Coming Soon

  • Interview prep question generator
  • More YouTube playlist support
  • Shareable progress page
  • Mobile app version (React Native / Expo)

Thanks for reading! πŸ™Œ

If you found this interesting, drop a ❀️ or follow β€” I’ll be sharing more dev logs and side projects soon!

Top comments (0)