Source Eyes - платформа для создания web и мобильных приложений без кода

Hello World, меня зовут Никита, мне 15 лет, я основатель проекта Source Eyes - среды визуальной разработки web-и мобильных приложений с экспортом исходного кода.

В этой статье я расскажу о том, как создавался проект и как пользоваться платформой.

Платформа включает в себя редактор визуальных страниц, скриптовый редактор, где пользователь может составить логическую часть сайта из блоков, сохранение исходного кода, запуск прямо с платформы Source Eyes, а также возможность генерации мобильного приложения.
Платформа будет полезна для:

• Основателей стартапов
• Начинающих интернет-предпринимателей (не в стартапах)
• Offline-бизнеса, переходящего в онлайн

Визуальные страницы создаются с помощью привычного редактора с перетаскиванием элементов, а клиентские и серверные скрипты - с помощью блоков. Из блоков генерируется код - на JavaScript или PHP. Его можно скачать и использовать - например, загрузить на хостинг, а можно запустить сразу с платформы - на случайном порту. На тарифе Personal есть возможность вставить свой JS/PHP-код вместе с другими блоками, а также редактировать свой проект с другими пользователями в режиме реального времени.

В видео показана подробнее система редакторов и блоков:

В Source Eyes можно экспортировать код своего проекта, а также собрать из него .apk (мобильное приложение) - всё это в одном сервисе

На платформе нет готовых блоков, например - "Зарегистрировать пользователя". Здесь можно вполне открыто работать с базами данных (снова - с помощью блоков, т.е Вам не нужно изучать SQL ), где можно добавлять как пользователей, так и какие-нибудь посты, сообщения из форм - что именно хранить, определяете именно Вы

В рекомендациях к статьям на "Трибуне" рекомендуют указывать как достоинства, так и объективные недостатки проекта. Я с этим согласен, поэтому расскажу о платформе максимально прозрачно

Плюсы (достоинства):

• Свобода - исходный код проекта можно скачать в любой момент и изменять уже в обычном IDE/редакторе кода. Например, если Вы создали MVP стартапа, на дальнейших этапах его развития не нужно переписывать его с нуля - воспользуйтесь наработками с Source Eyes! Также есть возможность вставлять свой код наравне с другими блоками
• Множество блоков - здесь есть как блок для работы с элементами (например, кнопками) по их ID (указывается в редакторе), блок для отправки запроса как на серверную часть из того же проекта, так и другие сайты, работа с базой данных и многое другое
• Редактор как сайта, так и приложения в одном сервисе. В рамках одного пользовательского проекта, если быть точнее. Это может пригодиться, например, если Вы создаете веб и мобильное приложение, и какие-то функции хотите разрешить, например, только в приложении. Их не нужно делать на разных конструкторах

Но есть и минусы, от них никуда не скрыться. И все они исходят из одного большого недостатка - UX. Блоков много, но не сразу можно разобраться, например, как найти тот или иной блок, как работать с блоками-параметрами и событиями. Видео-гайд, возможно, частично помог решить эту проблему

В следующих пунктах я расскажу о команде, о создании этого проекта и используемых технологиях. Если Вы не хотите читать их, Вы можете сразу перейти по ссылке на платформу - sourceeyes.querlit.com. Мы будем благодарны, если Вы оставите обратную связь о платформе в разделе "Поддержка" в личном кабинете, комментариях к статье или в окне чата там же, в ЛК

Source Eyes создает команда подростков-энтузиастов - у нас нет 15-летнего стажа в IT (нам самим по 14-17), но есть уверенность в себе, в нас и в Source Eyes, а также опыт создания своих проектов.

У меня, например, это вообще первый серьезный и масштабный проект - о предыдущих я писал в своей статье "Дневник 14-летнего стартапера" (сейчас мне 15, а еще я хочу уже написать продолжение - как раз, появилось о чем писать).

Так вот

Я (Никита), 15 лет. Основатель проекта. СЕО. Занимаюсь развитием проекта (привлечение пользователей, поиск новых возможностей - акселераторы, инкубаторы и т.д., питчи на различных мероприятиях, поиск людей в команду), дизайном и также участвую в технической разработке (изначально опыта у меня больше именно в ней. Здесь, конечно же, его стало еще больше

Кирилл, 17 лет. Backend-разработчик (Node.js). Разрабатывет функционал, являющийся неотъемлемой частью платформы - например, запуск серверной части и сайта пользователя с платформы и мультиплеер. Также разрабатывал свои проекты, программированием интересуется с 8 класса

Александр, 15 лет. Специалист по кибербезопасности. Даже на самых ранних этапах считаю безопасность очень важным аспектом тех.части, поэтому пригласил его в Source Eyes. Участвовал в разработке социальной сети "Куфт" и игры Forest Adventures, о которых я писал в той же статье в своем профиле. Также хорошо знает Python и вместе с Кириллом разрабатывал скрипт генерации мобильного приложения

Арам, 17 лет. Front-end разработчик. К проекту присоединился из акселератора недавно - в конце июня. Также разрабатывал и свои проекты, активно участвует в различных программах (например - "Большая перемена" и т.д)

Скажу так, разработка началась в конце января 2021 года, а MVP только вышло - интересная история, не правда ли? Но не все так просто

Изначально что такое кастдев и т.д - я не знал, но и просто предлагать технологию вместо решения я тоже не собирался. Начали писать платформу по своему опыту использования no/low-code сервисов - хотели сделать универсальный сервис для всего - веб, мобайл, десктоп, да хоть для роботов на ардуино - тут-то и попали в застой примерно на полгода-год, а может и больше. Упор был на системе плагинов - наборов блоков от сторонних разработчиков - "комбинируй любые расширения и получай то, что хочешь". Получилось что-то вроде торговой площадки кода + no-code платформы. Мы попали в такой обыкновенный замкнутый круг маркетплейса - создателей контента нет, потому что нет пользователей, а пользователей - потому что нет создателей контента. А этих сторонних разработчиков нужно было бы довольно много - для разных категорий. Предполагалось, что можно будет создать бота, приложение для мобайл и десктоп, игру или скрипт для ардуино.

В феврале 2022 вступили в акселератор SberZ - там были образовательные модули, они реально помогли сделать проект "адекватнее". Мы делаем pivot - теперь платформа нацелена только на создание веб и мобильных приложений. Спецификация уже - встроенных функций больше - есть возможность что-то создать. Кстати, мы прошли уже на второй этап этого акселератора!

Сейчас доделали MVP "версии 2.0" и пока для тестирования гипотез продаем подписку Personal всего за 99 рублей бессрочно

За это время также произошло немало других важных событий в истории проекта и моей жизни тоже - например, как я выступил с проектом на Pizza Pitch и попал в HSE Startup Community (бизнес-инкубатор ВШЭ), присоединился к сообществу стартаперов CrowdLaunch и многое другое, но об этом уже расскажу в новой части "Дневника 15-летнего стартапера"

(Ха, под той статьей мне писали, что она написана для пиара проекта Source Eyes, а под статьей про Source Eyes будут писать, что пиарю свой профиль и статью)

Мы используем:

• Фронтенд: HTML+CSS+JS (логично, никогда не видел сайтов без HTML...но...ладно), jQuery, небольшие библиотеки как SweetAlert, Toastr. Для реализации редактора визуальных страниц используем GrapesJS (опенсорсный проект с гитхаба). Именно поэтому можно встретить в редакторе непереведенный текст, работаем над этим
• Бэкенд - PHP с RedBeanPHP, NodeJS, Python, MySQL, Docker

Я рассказал о проекте, очень надеюсь, что Вам была интересна эта статья. И также укажу еще раз ссылку на платформу в конце статьи - sourceeyes.querlit.com

Мы будем благодарны, если Вы оставите обратную связь о Вашем опыте использования платформы

Спасибо за то, что дочитали статью до конца!

Желаю Вам удачи в любых начинаниях!
Команда Source Eyes