Learning management platform

Uttara Technical Institute — Complete Digital Education Management Platform

Project: Uttara Technical Institute Digital Platform

Website: uttaratechnicalinstitute.com

Developed by: Fah Swe

Project Status: Core Platform Development Complete — Production Live

Project Overview

Uttara Technical Institute required more than a traditional institute website. The objective was to build a complete, secure, bilingual and production-ready digital education management platform that could serve administrators, teachers, students and future finance/communication operations from one connected system.

The final solution combines a modern public website with a private role-based management platform covering academic administration, attendance, study materials, homework, examinations, results, fee management, reminders, reports, notices, live communication and operational dashboards.

The system was developed as a real production application rather than a static demonstration. Database relationships, authorization rules, financial calculations, private file access, examination security, audit history, responsive interfaces and deployment infrastructure were designed to work together as one long-term platform.

What We Delivered

Professional Public Website

• Modern, responsive institutional website
• Full English and Bangla language support
• Light and Dark themes
• Responsive layouts for mobile, tablet, laptop, desktop and large displays
• Mobile application-style navigation experience
• About, Departments, Courses, Admission, Teachers, Notices, Blog/News, FAQ and Contact areas
• Professional SEO architecture
• Canonical URLs and multilingual hreflang support
• Open Graph metadata
• Organization, WebSite and Course structured data where appropriate
• Search-engine-friendly public architecture without exposing private application data

Authentication, Accounts & Role-Based Security

• Secure login and session management
• Super Admin account
• Admin account management
• Teacher accounts
• Student accounts
• Role-Based Access Control (RBAC)
• Granular permission architecture
• Secure private routes
• Audit logging for important administrative actions
• Server-side authorization instead of relying only on hidden UI elements
• Secure handling of Admin, Teacher and Student data

Academic Management

• Subjects Management
• Classes Management
• Batches Management
• Student Directory
• Teacher Management
• Teacher-to-Subject assignments
• Teacher-to-Batch assignments
• Student Batch Enrollment
• Student Transfer History
• Historical academic relationship preservation

Class Routine

• Batch and Subject based routine scheduling
• Teacher assignment
• Room management
• Day and time scheduling
• Batch conflict detection
• Teacher conflict detection
• Room conflict detection
• Teacher routine view
• Student routine view

Attendance Management

• Routine-based attendance sessions
• Ad-hoc attendance sessions
• Student roster snapshots
• Present, Absent, Late, Excused and Unmarked states
• Bulk attendance operations
• Session finalization
• Reopen and cancellation controls
• Teacher attendance workflow
• Student attendance history
• CSV export

Study Materials

• Admin and Teacher material publishing
• Batch and Subject targeting
• Private file storage
• Secure authenticated downloads
• File type validation
• File size validation
• Student-only authorized material access
• Production-protected file delivery through Nginx internal routes

Homework Management

• Homework creation and publishing
• Batch and Subject targeting
• Student recipient snapshots
• Due dates
• Teacher attachments
• Student submissions
• Late submission tracking
• Private submission files
• Teacher review workflow
• Historical recipient preservation after Student transfers

MCQ Question Bank

• English and Bangla MCQ questions
• Multiple answer options
• Secure correct-answer storage
• Question difficulty levels
• Question status lifecycle
• Teacher question ownership
• Question Sets
• Batch and Subject scoping
• CSV import with preview and validation
• CSV export

Secure Live Examination System

• Scheduled online examinations
• Student recipient snapshots
• Frozen question and option snapshots
• Server-authoritative exam timing
• Automatic expiration
• Autosave
• Resume after refresh
• Stable question randomization
• Stable option randomization
• One authorized attempt per Student
• Automatic scoring
• Negative marking support
• Answer-key privacy protection
• Admin exam monitoring
• Teacher exam management within authorization scope
• Student exam interface

Online Exam Results

• Controlled result publication
• Result withdrawal
• Result republishing
• Student-specific result privacy
• Optional score visibility
• Optional question review
• Optional correct-answer reveal
• Optional explanation reveal
• Secure frozen exam snapshot review
• Private CSV export

Exam Routine Management

• Written, Practical, Viva and Other exam types
• Batch and Subject scheduling
• Exam date and time
• Room/Venue
• Invigilator assignment
• Optional Total Marks and Pass Marks
• Batch conflict prevention
• Room conflict prevention
• Invigilator conflict prevention
• Teacher Exam Routine
• Student Exam Routine

Manual / Offline Result Entry

• Exam Routine linked Result Sheets
• Exam-time Student roster snapshots
• Historical transfer-safe result records
• Pending, Marked and Absent states
• Decimal marks validation
• Optional Pass/Fail based on configured Pass Marks
• Teacher marks entry
• Teacher finalization
• Admin-controlled publication
• Result withdrawal and correction workflow
• Student-only published result access
• CSV import preview and validation
• Private CSV export

Complete Finance Management Foundation

A major part of the project was building a financial system that preserves transaction history instead of using an unreliable manually editable Student balance.

Fee Collection

• Fee Heads
• Individual Student invoices
• Multiple Invoice Items
• Batch billing
• Monthly billing
• Duplicate billing protection
• Historical Enrollment and Batch snapshots
• Partial Payments
• Multiple Invoice allocation from one Payment
• Unique Invoice Numbers
• Unique Receipt Numbers
• Cash, Bank Transfer, Mobile Banking, Card and Other methods
• Payment references
• Concurrency-safe collection
• Idempotency protection against duplicate submissions
• Payment voiding with reason and history preservation
• Student Fee history
• Private Invoice and Payment CSV exports
• Printable receipts

Financial balances are never maintained as a manually editable Student due field. Outstanding balances are calculated from authoritative invoices and valid posted payment allocations, creating a much safer and more auditable financial history.

Pending Payments

• Real-time outstanding balances
• Student-level outstanding summary
• Invoice-level outstanding view
• Overdue balance tracking
• Due Today
• Upcoming dues
• No Due Date handling
• Aging buckets: 1–7, 8–30, 31–60, 61–90 and 90+ days
• Class, Batch, Student, Fee Head and Billing Month filters
• Server-side search, sorting and pagination
• Historical Batch transfer support
• Direct navigation into secure Fee Collection
• CSV exports

Due Reminders

• Outstanding Student targeting
• English and Bangla reminder templates
• Reminder Campaigns
• Recipient financial snapshots
• Invoice-level debt snapshots
• Safe personalized template tokens
• WhatsApp manual outreach
• SMS application links
• Email client links
• Copy Message / Copy Contact
• Manual Contact confirmation
• Reminder history
• Stale balance detection
• Automatic blocking when Student has already paid
• Refresh Reminder after partial payment or payment void
• No misleading fake provider-delivery status

Daily Cashbook

• Daily fee collection reporting
• Asia/Dhaka business-date calculation
• Total collected
• Cash collection
• Bank Transfer collection
• Mobile Banking collection
• Card collection
• Other collection methods
• Receipt count
• Void payment history
• Date range filters
• Collector filters
• Payment method filters
• CSV export
• Printable daily summary

The Daily Cashbook derives directly from the same Fee Payment ledger. No duplicate cashbook payment ledger was created.

SMS & Notification Settings

The system includes a real SMS/notification configuration area and provider-ready notification architecture.

• Notification provider abstraction
• Provider status
• Sender configuration
• Manual Mode
• Configuration status
• Delivery architecture prepared for future provider integration
• Secrets designed to remain server/environment-side
• No secret values displayed in the Admin interface

Current automated SMS status: Not Configured. No fake SMS success or delivery status is displayed. Automated SMS can be activated later when valid provider credentials are supplied. Until then, Due Reminders continues to provide truthful manual SMS/WhatsApp/Email outreach workflows.

Notice Board & Content Management

• Admin Notice management
• English and Bangla notices
• Draft, Published and Archived lifecycle
• Pinned Notices
• Public Notices
• All-Student Notices
• Batch-specific Notices
• Teacher Notices
• Student portal notice visibility
• Teacher portal notice visibility
• Public Notice Board integration
• Admin-editable CMS page sections
• English and Bangla content management
• Institute settings
• Contact and public information management
• Targeted cache revalidation after publication

Private Live Chat

• Admin ↔ Student conversations
• Admin ↔ Teacher conversations
• Teacher ↔ academically related Student conversations
• Student ↔ relevant Teacher conversations
• Private conversation participants
• Plain-text secure messages
• Unread counts
• Read-state tracking
• Server polling for message refresh
• Participant authorization on every read/write
• Protection against cross-user conversation access
• No fake online/typing presence

Operational Dashboards

Admin Dashboard

• Active Students
• Active Teachers
• Active Batches
• Today's Attendance
• Upcoming Exams
• Result Sheets awaiting publication
• Total Outstanding Fees
• Overdue Fees
• Today's Fee Collection
• Recent Notices
• Operational activity based on real database data

Teacher Dashboard

• Today's Routine
• Assigned academic activities
• Homework
• Pending review work
• Upcoming examinations
• Relevant Notices
• Unread Chat

Student Dashboard

• Current Batch
• Routine
• Homework
• Study Materials
• Upcoming Exams
• Live Exams
• Published Results
• Fee Outstanding
• Overdue Fees
• Notices
• Unread Chat

All dashboard figures are based on actual application data. No fabricated ratings, growth percentages or artificial statistics were added.

Reports

• Student Enrollment Summary
• Attendance Summary
• Exam / Result Summary
• Fee Collection Report
• Outstanding Payments Report
• Daily Cashbook Report
• Private CSV exports
• UTF-8/Bangla-compatible exports
• Spreadsheet formula-injection protection
• Role-based report access

Security & Data Protection

Security was treated as part of the architecture rather than a final visual feature.

• Server-side RBAC enforcement
• IDOR protection across private modules
• Secure session handling
• Private no-store caching for Admin, Teacher and Student areas
• Protected file downloads
• Secure financial transaction validation
• Concurrency-safe fee collection
• Duplicate payment protection
• Result privacy
• Live Exam answer-key protection
• MCQ answer confidentiality
• Chat participant authorization
• Contact information protection
• Plain-text safe chat rendering
• CMS and metadata sanitization
• CSV formula-injection protection
• Open-redirect protection
• Rate limiting on abuse-sensitive areas
• Private modules excluded from public SEO/sitemap indexing

Production Architecture

• Next.js production application
• React
• TypeScript
• PostgreSQL
• Drizzle ORM
• Nginx reverse proxy
• DigitalOcean Droplet deployment
• HTTPS / SSL
• systemd application service
• Private database access
• Protected file-serving routes
• Static asset caching
• Application health endpoint
• Production-safe migration workflow

Performance & Scalability

The platform was designed to avoid unnecessary full-dataset loading and repeated calculations.

• Server-side database aggregation
• Pagination for large datasets
• Targeted database indexes
• N+1 query avoidance
• Private dynamic data separated from public caching
• Targeted public cache revalidation
• Nginx asset caching
• Origin-first deployment architecture
• Minimal unnecessary client-side JavaScript

Language, Theme & Responsive Experience

• English and Bangla application interfaces
• English and Bangla public content
• Light Mode
• Dark Mode
• Single Sun/Moon theme control
• Phone-specific public bottom navigation
• Responsive Admin interface
• Responsive Teacher interface
• Responsive Student interface
• Mobile-friendly data cards for complex management screens

SEO & Developer Attribution

The public platform includes professional multilingual SEO and machine-readable structured data while keeping all private management routes outside public indexing.

The website also contains transparent developer attribution:

Development by Fah Swe

The structured WebSite metadata identifies Fah Swe as the website creator/developer while Uttara Technical Institute remains the website organization and publisher.

Quality Assurance & Deployment Validation

• Production build validation
• TypeScript type checking
• Lint validation
• Database migration verification
• Module flow testing
• Route regression testing
• Authorization testing
• Finance calculation testing
• Exam/result privacy testing
• Guest-to-login protection checks
• Production health checks
• Standalone production runtime verification
• Correct deployment activation without the previous nested-symlink risk

Production Result

The completed Uttara Technical Institute platform is now deployed on DigitalOcean and operating as a connected digital education management system.

The project is not simply a collection of independent dashboard pages. Academic relationships, examination records, financial transactions, Student history, permissions, private files, notices, reminders, reports and communication workflows are connected through a structured database and server-authorized application architecture.

Special care was taken to preserve historical accuracy. Student transfers do not rewrite old academic or financial records. Published results remain controlled. Payments are never silently edited. Voided transactions remain auditable. Reminder amounts are rechecked against current financial data before contact. Private Student information remains role-protected.

Transparency & Reliability

A trustworthy production system should clearly distinguish between what is implemented and what requires an external service.

For example, the notification system is fully prepared for provider integration, but automated SMS is deliberately displayed as Not Configured until valid provider credentials are available. The system does not display fake delivery confirmations.

Likewise, no fake Students, payments, invoices, results, ratings or statistics were inserted into the live production database simply to make the application appear populated.

This approach reflects the development standard used throughout the project: real functionality, transparent system states, secure data handling, auditable workflows and production-focused engineering.

Project Outcome

Uttara Technical Institute now has a scalable foundation for managing its public digital presence and its day-to-day academic and administrative operations from one platform.

The delivered system covers the complete core workflow from Student enrollment and academic management through attendance, homework, study materials, examinations, results, invoices, fee collection, outstanding payments, reminders, cashbook reporting, notices, communication and management reporting.

The platform is ready for real institute data entry, owner acceptance testing and operational use.

Technology & Engineering Focus

Next.js • React • TypeScript • PostgreSQL • Drizzle ORM • Nginx • DigitalOcean • Secure RBAC • Multilingual Architecture • Production Deployment • Financial Ledger Design • Examination Security • Responsive UX

Developed by Fah Swe

Fah Swe designed and developed the platform with a focus on secure system architecture, reliable business workflows, maintainable code, transparent production behavior and long-term scalability.

For professional web applications, management systems, education platforms and custom business software:

Fah Swe
https://fahswe.com

Professional Web Application Development • Secure System Architecture • Education Management Platforms • Custom Business Software

Final Status: Uttara Technical Institute Core Platform Development Complete and Production Live.

Developer: Fah Swe — fahswe.com