CodeCo
69 subscribers
17 photos
1 video
3 links
Фронтенд Разработка | об IT
Для связи: @code_coo
Download Telegram
السلام عليكم ورحمة الله وبركاته 🌷

Я - Алия, веб-разработчик и создатель Finik LMS 🚀

На канале CodeCo делюсь:
• созданием LMS для онлайн-школ и учебных центров
• процессом разработки и запуском IT-проектов
• опытом в React и веб-разработке

Finik LMS - это система для управления:
✨ уроками
✨ учениками
✨ расписанием
✨ оплатами и отчётами

Если вам интересны IT, EdTech и создание полезных проектов - добро пожаловать 💗
👍12🤝1
Проект Kalimat - это интересный и многогранный проект, в котором я активно участвую. Что я делаю:

Frontend-разработка: Занимаюсь созданием клиентской части приложения, работая с различными технологиями и инструментами, включая React-Hook-Form для управления формами, UI-библиотеки (Material UI, AntD) для разработки интерфейсов, и Next.js для серверного рендеринга. В проекте также использовались TanStack (React Router и React Query) для управления маршрутизацией и запросами, а TypeScript обеспечивал строгую типизацию кода. Настройка GitLab CI/CD позволила автоматизировать процессы сборки и деплоя

Сложные UI-компоненты: Реализация дерева с drag-and-drop функцией с помощью @dnd-kit/core и разработка кастомных плагинов EditorJs для адаптации редактора под задачи проекта

Серверный рендеринг и работа с API: Настраивали серверную часть на Next.js для обработки данных и их передачи клиенту.

Этот опыт является ценным для меня, позволивший приобрести навыки в различных областях веб-разработки и управления проектами.
👍7🔥2
Проект Hatfa - это мобильное приложение для Android и iOS, где я занималась разработкой административной панели. Вот ключевые моменты моей работы:

Разработка админки: Я реализовывала функционал для добавления, редактирования и удаления книг, а также добавления обложек к книгам.

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

Планы на будущее: В ближайшее время мы планируем переделать админку, используя React, что позволит улучшить её функциональность и пользовательский интерфейс.

Этот опыт помогает мне углубить знания в разработке административных панелей и интеграции платежных систем.
❤8
✨ Мой проект — Telegram-бот для управления вебинарами! ✨

Я разработала бота на JavaScript, который интегрирован с Google Таблицами. Вот что он умеет:

✅ Распределение вебинаров по категориям — бот легко поможет найти нужную тему и урок.

✅ Информация об учителе — бот выводит подробные данные о преподавателе и описание вебинара.

✅ Переход на уроки — с помощью бота можно мгновенно перейти к нужному вебинару.

✅ Приватная категория — есть особый раздел для ограниченного круга участников.

Бот создан для удобного использования и обучения в дружелюбной и поддерживающей атмосфере. Если интересно, могу поделиться ссылкой на бота по запросу с девушками.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5👍4
بسم الله🪄

Начинаю свой новый проект.✨

Пока в тестовом варианте сделала логотип.🎀

Буду использовать стек:
- React, Typescript, NextJs, Tanstack

Бекенд пока думаю, может готовое что-то возьму иншаЛлах.
Please open Telegram to view this post
VIEW IN TELEGRAM
👏8✍2🤝2
🪶Сегодня немного поработала над настройкой проекта, первым коммитом.

Начну с админки иншаЛлах.

Думаю, что применить для авторизации, иншаЛлах пока сделаю обычную авторизацию, а потом хочу попробовать добавить авторизацию через gmail🗣️
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6👏3✍1
This media is not supported in your browser
VIEW IN TELEGRAM
✅«Цените пять вещей, пока их не заменят другие пять:

молодость, пока её не заменит старость;
здоровье, пока не одолеет болезнь;
богатство, пока не настигнет бедность;
свободное время, пока не придет занятость;
жизнь, покуда её не прервет смерть».

Пророк 🤍 призывает не тратить время попусту.

Т.к жизненных ролей у меня много, то каждый вечер составляю план на следующий день, чтобы успеть самое главное.
Фокусировка✅
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10❤1
⚙️ Настроила свои первые ручки для GET и POST запросов на беке!

🐝 Для тех, кто, как и я, только начинает разбираться: это те самые штуки, через которые фронт запрашивает данные у сервера или отправляет их.

🐾 Получилось подключить всё, протестировала через Swagger, и это, знаете, классное чувство — когда видишь, что оно работает.💡

🔺 Пробую изучать бек, чтобы лучше понимать, как устроен весь процесс разработки. Это, конечно, не всегда легко, но реально интересно.

✔Если кто-то тоже недавно осваивал бек, делитесь — интересно узнать ваши впечатления!
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9🔥4🎉2
🔸 ИИ в деле!

🔺 Внедряю пословный перевод в проект. Теперь текст разбирается слово за словом, и ИИ автоматически генерирует перевод.

✨Такие вещи вдохновляют на развитие!
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍9🔥8👏6
LMS - это система управления обучением:
в ней вы видите учеников, расписание, преподавателей и процессы в одном месте и держите всё под контролем


Finik LMS 🎓:

🔺 Ученики и учителя имеют своё личное пространство, где всё понятно и на своих местах.

💎Пропадают хаос и путаница - всё собрано в одном месте.

💎Учителям проще следить за успеваемостью и давать обратную связь, без лишней бумажной работы.

💎Администрации школы виден полный контроль процесса, легко видеть, кто и как учится.

Что планировала часть реализовано, впереди новые функции: уведомления, визуальный прогресс, интеграции - всё для того, чтобы учёба стала простой, понятной и удобной для всех. ⚫️


Мой внутренний перфекционист не дал оставить 2025 без публикации 🤍
👍4🔥2❤1😁1
💞Почему Finik LMS?

Наверняка знаете такой хадис:

٥٤٦- وعن عَدِيِّ بن حَاتِمٍ -رضي اللَّه عنه- أنَّ رسول اللَّه ﷺ قَالَ: ﴿اتَّقُوا النَّارَ وَلَوْ بِشِقِّ تَمْرَةٍ﴾ متفقٌ عَلَيْهِ.

Передают со слов Ади бин Хатима, да будет доволен им Аллах, что Посланник Аллаха ﷺ сказал:

🌴 Защитите себя от огня хотя бы с помощью половинки финика. (аль-Бухари 6539, 6540, Муслим 1016)

Finik - не просто рандомное название, оно емкое и наполнено смыслом.
Моя цель - современными возможностями, знаниями ⚫️ сделать продукт, который будет облегчать и не усложнять, покрывать запросы заинтересованных сторон

🌿 Finik - это когда админам понятный интерфейс, прозрачная структура, полное покрытие процессов
🌿 Finik - это когда учителям удобная навигация, быстрый доступ к материалам и аудитории
🌿 Finik - это когда ученикам наглядно, просто, понятно, с возможностью сразу взаимодействовать и получать знания

📝Если вы работаете с проектами, школой или обучением и знаете, что Finik мог бы сделать проще, удобнее или полезнее для вашей работы - пожалуйста, поделитесь конкретными идеями. ⚫️

✨أجد هذا ملهمًا للغاية
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
💎 Был запрос - перенести Telegram-бота в полноценный сайт с удобной выдачей вебинаров

Сделала:
✅сайт, где можно выбрать нужный вебинар
✅ автоматическую выдачу ссылок
✅ систему, которая сама проверяет условия
✅ связку с таблицей (чтобы легко управлять данными)
✅ и настроила всё так, чтобы работало стабильно

На скрине - работа сервера в реальном времени, сайт уже запущен и функционирует 💻

В итоге всё работает автоматически, а заполнение данных для заказчика осталось таким же привычным 🌿

📨Если вам нужно упростить процессы или сделать подобный сервис - пишите ☝️ @finik_lms_support
🔥1
Любая система даёт сбои❓

Можно начать отсюда 👉 Что такое LMS простыми словами

И это нормально, потому что за любой системой стоят люди, код, серверы и внешние факторы.

Сегодня не работает один сервис, завтра может лагать другой. Иногда падают крупные платформы:
▪️ не открывается Pinterest;
▪️ зависает GitLab;
▪️ Telegram даёт сбои.

Это потому, что любая система - живая.

Своя разработка платформы оправдана не для всех.
Это:
▪️ поддержка и постоянные доработки;
▪️ сбои и ошибки, которые нужно решать
▪️ интеграции с другими сервисами
▪️ безопасность данных
▪️ нагрузка на систему
▪️ серверы и инфраструктура
▪️ зависимость от разработчиков

И всё это - не разовая задача, 👉 это постоянный процесс.

Поэтому своя LMS оправдана только если есть ресурсы, команда и время.

И именно поэтому многие выбирают другой путь:
👉 не разрабатывать систему с нуля,
👉 а использовать готовую LMS.



🌿 ИншаАллах, могу предложить решение, которое помогает выстроить систему обучения без хаоса. Пишите: @finik_lms_support
👍5🔥1
Как сейчас устроена ваша школа - в системе или в чатах и таблицах?

Во многих школах до сих пор:
• уроки и изменения ведутся в чатах
• журналы -в Excel/Google Таблицах
• оплаты и замены - вручную

Из-за этого процессы становятся хаотичными и теряют управляемость.

Finik LMS помогает собрать всё в одном месте:
• расписание и уроки
• ученики и группы
• оплаты и отчёты
• переносы и замены без переписок

Директор видит полную картину,
а команда перестаёт тонуть в ручной работе.

Если школа выросла из таблиц - пора переходить в систему ❤️

Напишите “ЛМС” в @finik_lms_support - покажем демо и условия
🔥6❤2👍1
Finik LMS развивается каждый день 🚀

▪️Сейчас прорабатываем систему, которая помогает школам автоматически считать зарплаты учителей.

Например:
• учитываются уроки
• количество занятий
• условия преподавателя
• видео-записи уроков

И всё это считается не вручную, а внутри системы.

🚀 Finik LMS постепенно становится полноценным операционным помощником для школ и учебных центров
👍4🔥4❤1
Finik LMS - кабинет директора/админа

Хочу показать, как удобно, иншаллах, будет работать с расписанием.
Если нужно перенести или отменить урок, сделать замену или добавить разовое занятие - всё это делается буквально в несколько действий. Система сама предупреждает, если учитель занят или у класса в это время уже есть уроки или свободные окна.
🔥🚀
🔥7❤2👍1
🏆 Динамические грамоты в Finik LMS

Теперь школы могут выдавать ученикам красивые грамоты и сертификаты прямо через Finik LMS 🎓

Вы создаёте шаблон один раз, а дальше при выдаче ФИО ученика, класс, учебный год и другие данные подставляются автоматически.

Не нужно каждый раз вручную заполнять грамоты🔥

Удобно, быстро и красиво 🔥
🔥7
📊 Личный кабинет ученика Finik LMS

В кабинете ученика сразу видно всё самое важное: посещаемость и успеваемость.

Можно посмотреть, сколько занятий ученик посетил, где были пропуски и как обстоят дела по каждому предмету.

А блок «Слабые зоны» помогает быстро понять, на что стоит обратить внимание и какие предметы нужно подтянуть.

Всё самое важное - в одном месте и без лишней информации 👌
👍3🔥3❤2