Всем привет! 👋 Меня зовут Харун. Мне 12 лет. У меня нет ноутбука или компьютера. Вся моя среда разработки — это Android-телефон POCO C55 и бесплатный редактор кода под названием Acode. Сегодня, во время школьных каникул, я решил перестать смотреть сериал...
Всем привет! 👋
Меня зовут Харун. Мне 12 лет.
У меня нет ноутбука или компьютера. Вся моя среда разработки — это Android-телефон POCO C55 и бесплатный редактор кода под названием Acode.
Сегодня, во время школьных каникул, я решил перестать смотреть уроки и заняться выпуском чего-нибудь. Я создал KODA, полноценного наставника по программированию с использованием искусственного интеллекта.
🛠️ The Stack (100% уровень бесплатного пользования)
Интерфейс: стандартный HTML, CSS и JavaScript (написан вручную на экране 6,7 дюйма).
Серверная часть и аутентификация: Supabase (PostgreSQL + безопасность на уровне строк).
AI Brain: Groq (используется универсальная модель llama-3.1-70b для скорости).
Хостинг: Netlify (развертывание методом перетаскивания).
Mobile Wrapper: Median (чтобы превратить его в нативное приложение для Android с заставкой).
🐛 Ошибки «Битвы с боссами»
Создавать мобильные приложения сложно. Экран маленький, и отладка мучительна.
1. Ловушка мобильного видового экрана:
Я использовал высоту: 100vh для контейнера моего приложения. На десктопе все в порядке. В мобильном Chrome адресная строка скрывает часть экрана, отодвигая поле ввода снизу!
Исправление: мне пришлось переключиться на высоту: 100% в html, body и использовать env(safe-area-inset-bottom), чтобы склеить область ввода над панелью навигации.
2. Бесшумный убийца Supabase RLS:
Таблица моих профилей была обновлена