Student Learning Portal
Authenticated learning portal where students access course content, complete model and past papers, and review sanitized exam materials.
- Next.js
- React
- TypeScript
- Tailwind CSS
Educational Ecosystem
Learning Management Platform
A full-stack educational platform with a student learning portal, content authoring console, and a six-service LMS deployed on an Ubuntu VPS with Coolify.
Three connected components of one company project. Platform and business details anonymized.
Selected Personal Contributions
Specific features, integration flows, and infrastructure tasks I personally implemented:
- Administrative Content Workflows: Developed responsive content-management interfaces in Next.js/React with Tiptap rich-text authoring, structured exam paper blocks, and validated form flows.
- SmartView Sanitization & Secure Endpoints: Developed dedicated NestJS content endpoints providing HTML sanitization, stable URL routing, and restrictive Content Security Policy (CSP) headers.
- Student Examination Interfaces: Built student-facing paper review and assessment views in Next.js/React, rendering sanitized learning material within secure client boundaries.
- Ubuntu VPS & Coolify Deployment: Deployed and maintained the platform's six-service architecture on an unmanaged Ubuntu VPS using Coolify, configuring Node.js, PostgreSQL, Nginx, automatic SSL renewal, and webhook-triggered automated updates.
Engineering Challenge
Technical Challenge & Solution
The Problem
Educators needed rich-text tools to author complex mathematical questions, scientific tables, and formatted HTML, which introduced cross-site scripting (XSS) risks when rendered inside authenticated student examination views.
My Approach
Developed a dedicated SmartView content service with strict server-side HTML sanitization and stable content URLs, protected by restrictive Content Security Policy (CSP) headers and rendering sandboxed iframes for isolated student evaluation.
Verified Outcome
Educators authored rich educational content without restriction while eliminating client-side script injection risks across student examination portals.
Supporting Architecture & Platform Context
A full-stack educational platform consisting of a student learning portal, an administrative content-management console, and a modular NestJS/PostgreSQL backend supporting academic papers, subscriptions, and learning workflows.
Platform Components
Broader architectural context across the connected product components:
Content & Administration Console
Administrative console for managing educational papers, structured rich-text content, Tiptap authoring workflows, and subscription diagnostics.
- Next.js
- React
- TypeScript
- Tiptap
- Zod
- React Hook Form
Backend API & Infrastructure
Modular NestJS API with PostgreSQL and Prisma, deployed across six services on an unmanaged Ubuntu VPS via Coolify with automated webhook updates.
- NestJS
- PostgreSQL
- Prisma
- Ubuntu VPS
- Nginx
- Coolify
Technologies & Libraries
Primary Stack:
- Next.js
- NestJS
- TypeScript
- Ubuntu VPS
- Coolify
All Project Technologies:
- Next.js
- React
- NestJS
- TypeScript
- PostgreSQL
- Prisma
- Tiptap
- Zod
- Ubuntu
- Nginx
- Coolify
- Docker