LEARN

Technology Classroom

Understand the technology around you, from basics to real-world applications. Easy to read, quick to understand, with illustrations.

GUI

Web & App Components

Guide

Full stack blueprint: Frontend → Backend → Database → Infrastructure. Tech choices + production checklist.

Read more →
TEC

What is React?

Tech

Component, Virtual DOM, Hooks (useState/useEffect/useContext), lifecycle, and React ecosystem.

Read more →
TEC

What is Next.js?

Tech

React framework for production. SSR, SSG, ISR, CSR, file routing, API routes compared.

Read more →
TEC

What is Flutter?

Tech

Google cross-platform UI toolkit. One Dart codebase → iOS, Android, Web, Desktop.

Read more →
TEC

What is Node.js?

Tech

JavaScript runtime on V8. Event loop, non-blocking I/O, Express, Fastify, NestJS for backend APIs.

Read more →
TEC

What is SQL?

Tech

SELECT, INSERT, UPDATE, JOIN, Index, Transaction (ACID). PostgreSQL vs MySQL vs SQLite.

Read more →
TEC

What is Docker?

Tech

Container platform — build once, run anywhere. Dockerfile, docker-compose, registry, Kubernetes.

Read more →
SYS

Authentication System

System

Register & Login flow, JWT Token, bcrypt, OAuth, 2FA — roles: User / Frontend / API / DB

Read more →
SYS

Order System (E-Commerce)

System

Cart → Checkout → Payment → Fulfillment → Delivery. Full 11-step flow with role breakdown.

Read more →
SYS

Booking & Queue System

System

Time slot locking, deposit, reminders, check-in. For clinics, salons, sports, restaurants.

Read more →
SYS

Notification System

System

Push (FCM/APNs), Email, SMS, LINE, In-App, Webhook — multi-channel routing & delivery tracking.

Read more →
SYS

File Upload System

System

S3 / Cloudinary / GCS upload flow. MIME validation, virus scan, CDN URL, signed URLs.

Read more →
SYS

Chat & Messaging System

System

WebSocket + Redis Pub/Sub architecture. Read receipts, typing indicator, group chat, offline push.

Read more →
SYS

Dashboard & Reporting

System

ETL → Redis Cache → Charts. KPI categories, RBAC access, real-time metrics, export CSV/PDF.

Read more →
SYS

Permission & Role (RBAC)

System

Auth middleware → Permission guard → Row-level security. Interactive permission matrix examples.

Read more →
WHA

What is a Server?

How does a server work? Why every website needs one

Read more →
WHA

What is a Domain?

Website address, how DNS works, and pricing

Read more →
WHA

What is HTTPS?

Internet security, how SSL/TLS works

Read more →
WHA

What is a Mobile App?

Native vs Web vs Hybrid App, iOS vs Android differences

Read more →
PUB

Publishing to App Store & Google Play

Pricing, documents, and steps to publish on App Store and Google Play

Read more →
PAY

Payment Systems

What is a Payment Gateway? How PromptPay, Stripe, Omise work

Read more →
WHA

What is an Email Service?

SMTP, IMAP, POP3, sending automated emails with various services

Read more →
WHA

What is IoT?

ESP32, ESP8266, Arduino microcontroller boards and their uses

Read more →
WHA

What is a Network?

LAN WAN Router Switch, how data travels in a network

Read more →
WHA

What is WiFi?

2.4GHz vs 5GHz wireless data transmission, WPA2, WPA3

Read more →
WHA

What is Bluetooth?

BLE, Bluetooth 5.0, connecting nearby wireless devices

Read more →

Have a project in mind? 💡

TNGroup Soft Thailand team is ready to develop your system, from web and apps to IoT

Contact Us Free!