Algo Learn — интерактивная платформа для изучения алгоритмов и структур данных через наглядные визуализации.
Понимание алгоритмов — ключевой навык для любого разработчика. Но учить их по сухим учебникам скучно и неэффективно. Algo Learn превращает изучение алгоритмов в интерактивный процесс: вы видите, как алгоритм работает шаг за шагом, прямо в браузере.
- 🔍 Бинарный поиск — пошаговая визуализация деления массива пополам
- 🫧 Сортировка пузырьком — анимация попарного сравнения и обмена элементов
- 🌙 Тёмная и светлая темы
- 🌍 Двуязычный интерфейс (русский / английский)
- 📱 Адаптивный дизайн для мобильных устройств
| Алгоритм | Категория | Сложность |
|---|---|---|
| Бинарный поиск | Поиск | O(log n) |
| Сортировка пузырьком | Сортировка | O(n²) |
- Next.js 16 — React-фреймворк с серверным рендерингом
- React 19 — библиотека для построения UI
- Tailwind CSS 4 — utility-first CSS-фреймворк
- shadcn/ui — компоненты интерфейса
- Framer Motion — анимации
- next-intl — интернационализация
- prism-react-renderer — подсветка кода
- Node.js ≥ 18
- pnpm (рекомендуется) или npm/yarn
# Клонируйте репозиторий
git clone https://github.com/vitjaz/algo-learn.git
cd algo-learn
# Установите зависимости
pnpm install
# Запустите dev-сервер
pnpm devОткройте http://localhost:3000 в браузере.
pnpm build
pnpm startВиталий Алексеев
- Telegram: @alexeev_dev_blog
- GitHub: vitjaz
Этот проект распространяется под лицензией MIT.