Вайб-Кодинг в действии: WikiTok от Исаака Джемаля

Изучите, как WikiTok Исаака Джемаля использует вайб-кодинг для создания уникальных и захватывающих экспериментов в программировании.

Вайб-Кодинг в действии: WikiTok от Исаака Джемаля

Вайб-Кодинг в действии: WikiTok от Исаака Джемаля

В последние годы появляется всё больше проектов, которые делают процесс изучения нового увлекательным и доступным. Одним из таких проектов стал WikiTok — инновационное решение, созданное разработчиком Исааком Джемалем. Этот открытый проект позволяет быстро узнавать новое, скролля ленту из рандомных статей Wikipedia, и стал примером того, как простота и удобство могут быть сочетаны для создания полезного инструмента.

Основные особенности WikiTok

WikiTok — это интерфейс в стиле TikTok для просмотра случайных статей Wikipedia. Проект позволяет пользователям легко и удобно изучать новую информацию, просто прокручивая ленту. Исходный код решения написан на TypeScript и опубликован на GitHub под лицензией MIT. Демо-сайт проекта доступен по адресу wikitok.vercel.app.

Технологии и особенности

Основные технологии, используемые в WikiTok, включают:

  • Язык программирования: TypeScript
  • Фреймворки и библиотеки: React 18, Tailwind CSS, Vite
  • API: Wikipedia API

Исаак Джемаль подчеркивает простоту кода и отсутствие бэкенда в проекте. «Бэкенда вообще нет, я полагаю, потому что API Wikipedia очень разрешительный, и вы можете просто делать запросы во фронтенде. Так что вы просто запрашиваете случайные статьи, получаете несколько фрагментов и прикрепляете изображение!», — объясняет разработчик.

Функциональности WikiTok

WikiTok предлагает множество удобных функций:

  • Вертикальная прокрутка случайных статей Wikipedia: Пользователи могут легко просматривать различные статьи, просто прокручивая ленту.
  • Поддержка 14 языков: Интерфейс поддерживает английский, испанский, французский, немецкий, китайский, японский и другие языки.
  • Предварительный просмотр статей: Статьи отображаются с изображениями, заголовками и отрывками.
  • Возможность делиться статьями: Пользователи могут делиться статьями напрямую или копированием ссылок.
  • Выбор языка с флагами стран: Удобный интерфейс для выбора языка.
  • Предварительная загрузка изображений и контента: Обеспечивает плавную прокрутку.
  • Адаптивный дизайн: Работает на мобильных устройствах и компьютерах.

История создания

Исаак Джемаль создал WikiTok по наитию, увидев запрос в Twitter. «Было полпервого ночи, но я не мог упустить возможность создать это. Код очень простой, на самом деле, бэкенда вообще нет, я полагаю, потому что API Wikipedia очень разрешительный, и вы можете просто делать запросы во фронтенде. Так что вы просто запрашиваете случайные статьи, получаете несколько фрагментов и прикрепляете изображение!», — пояснил Джемаль.

Разработчик также отметил, что инструменты Claude и Cursor делают 90% тяжелой работы, что оставляет много возможностей для оптимизации. Однако, даже в текущем состоянии, проект уже приносит пользователям много радости и удовольствия от изучения новой информации.

Возможно, кому-то покажется, что WikiTok — это просто ещё один проект для быстрого изучения нового. Однако, мне кажется, что его ценность заключается в простоте и доступности. Проект демонстрирует, как "Вайб-Кодинг" может быть не только эффективным, но и веселым способом создания новых решений. Как вы думаете, может ли простота кода и отсутствие бэкенда стать новым трендом в разработке?

WikiTok доступен для всех желающих на GitHub, а демо-сайт wikitok.vercel.app готов предложить пользователям увлекательное изучение нового.