Technology Classroom
Understand the technology around you, from basics to real-world applications. Easy to read, quick to understand, with illustrations.
Web & App Components
GuideFull stack blueprint: Frontend → Backend → Database → Infrastructure. Tech choices + production checklist.
Read more →What is React?
TechComponent, Virtual DOM, Hooks (useState/useEffect/useContext), lifecycle, and React ecosystem.
Read more →What is Next.js?
TechReact framework for production. SSR, SSG, ISR, CSR, file routing, API routes compared.
Read more →What is Flutter?
TechGoogle cross-platform UI toolkit. One Dart codebase → iOS, Android, Web, Desktop.
Read more →What is Node.js?
TechJavaScript runtime on V8. Event loop, non-blocking I/O, Express, Fastify, NestJS for backend APIs.
Read more →What is SQL?
TechSELECT, INSERT, UPDATE, JOIN, Index, Transaction (ACID). PostgreSQL vs MySQL vs SQLite.
Read more →What is Docker?
TechContainer platform — build once, run anywhere. Dockerfile, docker-compose, registry, Kubernetes.
Read more →Authentication System
SystemRegister & Login flow, JWT Token, bcrypt, OAuth, 2FA — roles: User / Frontend / API / DB
Read more →Order System (E-Commerce)
SystemCart → Checkout → Payment → Fulfillment → Delivery. Full 11-step flow with role breakdown.
Read more →Booking & Queue System
SystemTime slot locking, deposit, reminders, check-in. For clinics, salons, sports, restaurants.
Read more →Notification System
SystemPush (FCM/APNs), Email, SMS, LINE, In-App, Webhook — multi-channel routing & delivery tracking.
Read more →File Upload System
SystemS3 / Cloudinary / GCS upload flow. MIME validation, virus scan, CDN URL, signed URLs.
Read more →Chat & Messaging System
SystemWebSocket + Redis Pub/Sub architecture. Read receipts, typing indicator, group chat, offline push.
Read more →Dashboard & Reporting
SystemETL → Redis Cache → Charts. KPI categories, RBAC access, real-time metrics, export CSV/PDF.
Read more →Permission & Role (RBAC)
SystemAuth middleware → Permission guard → Row-level security. Interactive permission matrix examples.
Read more →What is a Server?
How does a server work? Why every website needs one
Read more →What is a Domain?
Website address, how DNS works, and pricing
Read more →What is HTTPS?
Internet security, how SSL/TLS works
Read more →What is a Mobile App?
Native vs Web vs Hybrid App, iOS vs Android differences
Read more →Publishing to App Store & Google Play
Pricing, documents, and steps to publish on App Store and Google Play
Read more →Payment Systems
What is a Payment Gateway? How PromptPay, Stripe, Omise work
Read more →What is an Email Service?
SMTP, IMAP, POP3, sending automated emails with various services
Read more →What is IoT?
ESP32, ESP8266, Arduino microcontroller boards and their uses
Read more →What is a Network?
LAN WAN Router Switch, how data travels in a network
Read more →What is WiFi?
2.4GHz vs 5GHz wireless data transmission, WPA2, WPA3
Read more →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!