Оқушы жолының кезеңдері байланыспаған
Каталог, төлем, материалдар, тесттер және нәтижелер әр түрлі қызметтерде болады.
Next.js қосымшасында қоғамдық сайт, оқу ортасы, кабинет және сервер логикасын жинадық.
Екітілді білім беру платформасы: курс таңдау мен төлемнен тестілеуге, нәтижелерге және бизнесті басқаруға дейін.

Пайдаланушыға түсінікті жол керек: бағдарлама таңдау, қолжетімділік сатып алу, материалдарды оқу, жаттығу және нәтижені көру. Иесіне курстарды, тесттерді, тарифтерді, оқушыларды және тапсырыстарды өзі басқаратын құралдар қажет.
Шешім бірыңғай full-stack қолданба болды. Онда көпшілікке арналған сайт, оқу ортасы, жеке кабинет, әкімшілік панель және серверлік бизнес-логика бір жүйе ретінде жұмыс істейді.
Мәселелер сайт, оқу, төлем және әкімшілендіру түйіскен жерде туындады. Пайдаланушы бүкіл жолды ретімен өтіп, иесі кодты тұрақты өзгертпей өнімді басқаруы үшін осы бөліктерді ортақ деректер моделімен және серверлік логикамен байланыстырдық.
Каталог, төлем, материалдар, тесттер және нәтижелер әр түрлі қызметтерде болады.
Next.js қосымшасында қоғамдық сайт, оқу ортасы, кабинет және сервер логикасын жинадық.
Жаңа курс, тариф немесе сұрақ кодты өзгертуді талап етіп, бағдарламаның іске қосылуын баяулатады.
Бағдарламалар, модульдер, тесттер, тарифтер, жаңалықтар және сайт баптауларына арналған әкімшілік панель жасадық.
Әр түрлі әдістерге өздерінің өту ережелері, шектері және кері байланыс қажет.
Төрт режимді, кездейсоқ іріктеуді, таймерді, талпыныстарды, өту шегін және нәтижені серверде сақтауды іске асырдық.
Тапсырыстарды қолмен тексеру оқушыны күттіреді және қолжетімділікті қайта беру қаупін тудырады.
ApiPay webhook, HMAC-SHA256, PENDING → PAID транзакциялық ауысуы мен қолжетімділік беруді байланыстырдық.
Курстар санаттарға топтастырылған. Бағдарлама бетінде сипаттама, оқу құрамы, қолжетімділік шарттары және тарифтер көрсетіледі. Бір бағдарлама бірнеше бағытқа бірдей кіре алады.



Орыс және қазақ нұсқалары жеке оқу мәтіндері мен сұрақтар банкіне ие. Редактор өнімнің жалпы құрылымын сақтай отырып, әр тіл үшін дербес мазмұн жасай алады.
Маршруттар /ru және /kk
next-intl базасында


Бүйір навигация курс құрамын көрсетіп, тақырыптар арасында өтуге көмектеседі. Материалдар пішімделген мәтінді, суреттерді және ендірілген YouTube бейнелерін қолдайды.


Сұрақтарды жүйелі түрде өту.
Қаралған тапсырмаларға қайта оралу.
Таңдалғаннан кейін дұрыс жауап пен түсіндірме.
Бір беттегі тапсырмалардың толық жиынтығы.
Әр тестке уақыт, талпыныс саны, өту шегі, кездейсоқ іріктеу көлемі және жауаптың міндеттілігі бапталады. Сервер талпыныс құрамын бекітіп, қолжетімділік пен уақытты тексереді, жауаптарды сақтап, нәтижені есептейді.


Аяқталмаған талпыныс қайта оралғанда қалпына келеді. Аяқталғаннан кейін пайдаланушы дұрыс жауаптар пайызын, қателерін, жұмсалған уақытты және өту мәртебесін көреді.


Емтихан сценарийі бағдарлама тесттерінің тапсырмаларын біріктіріп, таңдалған сұрақтарды бекітеді және ортақ уақыт шегін қолданады. Нәтиже жалпы пайызды және тақырыптар бойынша бөліністі көрсетеді.
Бұл — кері байланысы бар дайындық құралы. Ол прокторинг жүйесі немесе қорғалған мемлекеттік аттестаттау ретінде ұсынылмайды.


Әкімші бағдарламаларды модульдерден құрып, контент жариялайды, тесттер мен тарифтерді баптайды, пайдаланушыларды, қолжетімділікті және тапсырыстарды басқарады. Негізгі күнделікті операциялар бір панельде шоғырланған.




Баға сервердегі дерекқордан алынады. ApiPay интеграциясы шот жасап, телефон нөмірін қалыпқа келтіреді және хабарламаның HMAC-SHA256 қолтаңбасын тексереді.
Тапсырыстың PENDING күйінен PAID күйіне ауысуы және қолжетімділік беру бір транзакцияда орындалады. Шартты жаңарту қатар келген сәтті webhook-тар кезінде қолжетімділікті қайталап беруден қорғайды.


Санат → Курс → Топ / Модуль → Тіл нұсқасы → Тест → Сұрақ → Жауап нұсқалары
App Router, SSR, React Server Components, Server Actions және API.
Tailwind CSS 3.4, Radix UI және Lucide.
Өзара байланысқан 22 модель, индекстер және транзакциялар.
JWT сессиялары, USER / ADMIN рөлдері және құпиясөздерді хэштеу.
Визуалды редактор және форматталған HTML тазалау.
Қолжетімділік ақысын төлеу, құпиясөзді қалпына келтіру және еске салу.
Көп сатылы құрастыру, standalone және артықшылықсыз пайдаланушы.
Тестілеу, емтихан, таймер және төлем функцияларын тексеру.
Рөлдер, бағдарламаға қолжетімділіктің өзектілігін тексеру және оқу маршруттарын серверде қорғау.
Сұрақтардың құрамы PostgreSQL-те сақталады; жауаптар, уақыт және қорытынды сервермен тексеріледі.
Webhook үшін HMAC-SHA256, соманы салыстыру және қолжетімділікті идемпотентті транзакция арқылы беру.
DOMPurify HTML-ді тазартады; суреттер PNG, JPEG, WebP, GIF түрлерімен және 5 MB көлемінде шектеледі.
Құпиясөздер bcrypt арқылы хэштеледі, ал авторизация Auth.js JWT сессияларын пайдаланады.
Базаның SQL экспорты, healthcheck және жергілікті uploads каталогына арналған тұрақты диск.
Серверлік рендеринг, метадеректер, Open Graph, canonical, hreflang, sitemap, robots және JSON-LD.
Құпиясөзді қалпына келтіру және қолжетімділіктің аяқталуын еске салу үшін Resend қолданылады; жіберу шектері базада сақталады.
Docker Compose және Render Blueprint: веб-сервис, PostgreSQL, тұрақты uploads қоймасы және healthcheck.
Ашық интерфейс пен тарифтер компьютерде және 390 × 844 смартфон экранында тексерілді.
Тексеру 09.09.2026 күні базаның жеке жергілікті көшірмесінде жүргізілді. Скриншоттарда демонстрациялық деректер бар. Бастапқы жобаның production жинағы, нақты төлем, хат жіберу, жүктеме сынақтары және backup қалпына келтіру бұл тексеруге кірмеді.
Бір жүйеде бағдарламалардың каталогы, оқу материалдары, төрт тест режимі, сынақ емтихандары, оқушының кабинеті, тарифтер, төлем сценарийі және әкімшілік панелі жұмыс істейді.
Архитектураны оқу орталығының платформасы, емтиханға дайындық сервисі немесе корпоративтік білім жаттықтырғышы ретінде дамытуға болады. Контент пен коммерциялық параметрлер әзірлеушінің тұрақты қатысуынсыз интерфейсте өзгереді.
Қолданыстағы платформаны көру ↗Процестерді талдап, архитектураны жобалаймыз және өнімді бизнестің нақты міндетіне сай әзірлейміз.
Жобаны талқылау ↗Кейстерге оралу