Next.js website · Python in the browser, AI mentor
Online school with a student account
Online schools sell courses with promises, and students drop out at the first homework because they never get it reviewed. Here you can try the course right away: a Python task is solved on the landing page and checked by autotests in a second, and the AI review explains the mistake in plain language. The level test builds a curriculum for your experience and estimates the graduation date, and the pricing section calculates installments and the tax deduction. The student account has lessons with progress, homework with auto-checking, an AI mentor that answers from course materials with links to lessons, installment payments and a certificate whose authenticity an employer verifies by QR code.
Scenario: Sigma online school from Nizhny Novgorod, the “Python Data Analyst” course and demo student Alexey — fictional: three lessons completed, two of twelve payments made, four homework assignments ahead.
Open the demo
The account is behind the “Account” button in the header, with one-click sign-in as the demo student.
Leads from the demo website are visible only to you, in the “Owner dashboard”: the server validates the form and stores nothing.
What the demo shows
How to try it
Solve the task
In the “Try it right now” block, press “Run tests” — you’ll see two failed checks and an explanation. Fix the division by zero and add round — the tests turn green.
Take the level test
Answer six questions: with confident Python and SQL, two modules drop out of the curriculum and the graduation date moves closer. Leave your name and phone and a curator will send the curriculum.
Look into the account
Sign in as the demo student, submit the lesson 1.4 assignment, ask the AI mentor “How do I round to two decimals?” and then “Where can I buy an elephant?” — and pass the question to a curator.
Pay and get a certificate
In “Payments”, make the next payment; in “Certificate”, mark the assignments as done and get the certificate — the QR code opens the verification page.
Open the owner dashboard
Lesson requests, the test result, a plan consultation, the question to the curator and the payment are in the “Leads” tab — as in the school’s CRM.
No paid neural networks
There are no paid neural network requests: the AI review is built on rules based on test results and the code, and the AI mentor finds an answer by searching the course materials and quotes it with links. In a production version a language model with the same sources takes these places. The code runs on real Python in your browser. Payment is simulated, progress is stored only in your browser, and leads are visible only to you in the “Owner dashboard”. The school, teachers, reviews and prices are fictional.
The demo runs without OpenAI, YandexGPT or GigaChat API keys. Wherever a production system calls a model, there’s a local stub with the same interface — so the demo is free, always available and never makes things up.
What a production project adds
- The school’s LMS (custom, GetCourse or Stepik) via API: progress, homework and payments stored on the server, with the account as a front end to the same data
- Code checking in an isolated server sandbox for assignments with databases and files; quick tasks run in the browser without loading the server
- AI review and the AI mentor are a language model (YandexGPT or GigaChat) with lesson search and mentors’ comments in the prompt
- Installments through a partner bank (T-Bank, Sber), payment via acquiring with SBP, tax deduction certificates generated automatically
- A signed certificate registry; landing page requests go to amoCRM or Bitrix24 with the level test result
Stack
- All demos by stack:
- Next.js
- React
- TypeScript
- Python
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS 4
- Pyodide (Python 3.14 in WebAssembly)
- Server Actions
Based on
Books and university courses whose ideas are at work in this demo.
Book · Kelly McGonigal
The Willpower Instinct
A student dashboard with an activity calendar and a day streak: the habit of studying is supported by visible progress, not by forcing yourself.
Developer’s comment
Anton Goncharov
AI systems developer · Python
For business
- A Python task is solved right on the landing page without registration: visitors get a hands-on feel for the course instead of reading promises — and sign up for a lesson more willingly.
- The level test builds a curriculum for the person’s experience and names the graduation date: the manager calls with a ready track, not a general price list.
- Automated checks and AI review take typical mistakes off mentors’ plates, and the AI mentor answers lesson questions at night — mentors spend time only on hard cases.
For developers
- Student code runs on real CPython 3.14 in WebAssembly (Pyodide) in a Web Worker: no server needed, and an infinite loop is cut off by a timeout via terminate.
- Tests are function calls with expected values; the review is built from test results and code: division by zero, a missing return, no rounding, sorting by key instead of value.
- The AI mentor is BM25 search over lessons, FAQ and rules, picking relevant sentences with source links; a certificate number with a check digit catches a typo before the registry request.
Tips
Tip 01
Let people try the product before the form: a live task on the first screen sells a course better than reviews.
Tip 02
Limit the AI mentor to course materials and show the source: students can verify the answer, and the school isn’t liable for the model’s inventions.
Want the same for your business?
Tell me about your task — I’ll tell you what from the demo fits, how long it will take and what I’ll need from you.
Other demos in this section
All demos- live
Next.js website · service landing page
Dental clinic landing page
A one-page clinic website that brings in patients: a quiz suggests a treatment, a calculator prices the plan with installments, online booking shows doctors’ free time, and an AI consultant answers from the price list. The headline is A/B-tested; leads and goals are visible in the owner dashboard.
- Next.js
- React
- TypeScript
- live
Next.js website · B2B, multi-page
Manufacturing company website
A multi-page website for a steel structures plant that sells on its own: a calculator prices a building with a live drawing, a builder assembles a technical specification, case studies filter by industry, you can apply for a job with a CV, and site search understands queries in plain words.
- Next.js
- React
- TypeScript
- live
Next.js website · catalog, map, comparison
Real estate catalog with smart search
A real estate agency’s apartment catalog: type “two-bedroom near the metro under 12 million” and the search sets the filters itself, shows apartments on a city map, compares up to four and sends new ones to Telegram.
- Next.js
- React
- TypeScript
- live
Next.js website · AI translation, per-language SEO
An export website in four languages
A website for an Altai honey exporter in Russian, English, Chinese and Arabic: translated page URLs, per-language SEO, a wholesale price calculator with delivery and a translation studio that checks the neural network’s draft against a glossary.
- Next.js
- React
- TypeScript
- live
Next.js website · customer account, AI assistant, Telegram
Customer account portal
A print shop’s customer account: orders with production stages, layout approval with comments right on the layout, invoices paid via SBP, documents with an electronic signature, a new order with a price calculation, a chat with an AI assistant and a manager, notifications in Telegram.
- Next.js
- React
- TypeScript
- live
Next.js website · booking by plate number, photo report, approval
Car service with booking and repair status
A car service website: booking by plate number or VIN into free bay slots, a “what’s knocking?” diagnosis with likely causes and a price range, repair status with a photo report, approval of extra work and payment by link, and a garage with service history and a forecast of the next maintenance.
- Next.js
- React
- TypeScript
- live
Next.js website · case analysis, claim letters, calculators
Law firm with AI case analysis
A law firm website: describe your situation in your own words right in the hero, get an AI analysis with an assessment of prospects, a claim letter in Word, court fee, penalty and limitation period calculators, a document checklist, case progress in a client account, a price builder and booking with a lawyer.
- Next.js
- React
- TypeScript
- live
Next.js SaaS website · sandbox, dashboard, API
SaaS: AI replies to WB and Ozon reviews
The website and dashboard of a SaaS service that replies to Wildberries and Ozon reviews: a sandbox with review analysis and checks, autopilot by rating, a queue with approval, topic analytics, plans with a payback calculator, store connection by key, an invoice by tax ID and API documentation with a live console.
- Next.js
- React
- TypeScript
- live
Next.js restaurant website · menu, table booking, delivery
Restaurant with delivery
A restaurant website with delivery: a menu with allergen and diet filters, AI dinner selection from a plain phrase, table booking on a floor plan showing free tables for the chosen time, a cart with delivery zones, a minimum order and promo codes, and order tracking with the courier on a map.
- Next.js
- React
- TypeScript
- live
Next.js fitness studio website · booking, memberships, account
Fitness studio
A small-group fitness studio website: a weekly schedule with spots and two-click booking, a waiting list that moves you into the group automatically, memberships you can freeze from your account, an AI 4-week training plan from five questions and a personal account with attendance stats.
- Next.js
- React
- TypeScript
- live
Next.js IT conference website · program, tickets, networking
Conference website
A two-day conference website: a program by room and track with a personal schedule, AI selection of talks without overlaps by role and free text, tickets in price waves with promo codes and a team discount, a QR code for every attendee checked at the entrance, and networking with matching and meetings during breaks.
- Next.js
- React
- TypeScript
- live
Next.js corporate logistics website · calculator, tracking, AI request
Transport company website
A transport company’s corporate website: a calculator that compares groupage and a dedicated truck at once, shipment tracking with the truck on a map, AI parsing of a request from an email or waybill with missing fields highlighted, a map of warehouses and terminals with a storage calculation, a carrier application with an eligibility check, and company details with checksum validation.
- Next.js
- React
- TypeScript