SETU Computing — Final Year Project 2025

Alef an online learning platform for academies, instructors & students

A full-stack e-learning platform where organizations build branded academies, instructors publish courses and generate AI study tools, and students learn through a modern, progress-aware interface — built with Angular and ASP.NET Core.

Abdulaziz Aloufi
Angular + ASP.NET Core
Full-stack Web Platform
✦ AI-powered
Screenshots Features Tech stack
alef.app / org / academies
Organization dashboard
3User roles
8+Modules
AIPowered
01 — About

A complete learning ecosystem built from scratch

Many learning platforms are either too rigid for academies that need custom branding, or too bare for students who need engagement tools beyond a simple video list. Alef bridges that gap — combining organization management, branded academy pages, AI tools, and a polished student experience in one platform.

⚡
The problem
Generic, unbranded LMS platforms that don't connect well between academy owners, instructors, and students — with no room for customization or engagement tools.
✦
The solution
Alef combines branding, course publishing, AI study tools (flashcards, summaries, quiz generation), Stripe payments, quizzes, and certificates in one cohesive platform.
02 — Features

Everything the platform does

Six major feature areas, each designed and built end-to-end.

01

Academy management

Create academies with custom branding, logos, banners, and accent colors. Publish or hide academies and courses. Full organization and instructor workflows under one dashboard.

BrandingMulti-rolePublishing
02

Course builder

Create courses, modules, and lessons. Upload videos, documents, and rich text. Control publishing, previews, and downloadable assets per lesson.

VideoDocsText
03

Student learning

Browse academies, resume courses with saved progress, track completion per lesson, and download AI-generated certificates on course completion.

ProgressCertificates
04

Quiz system

Instructors build MCQ, true/false, and short-answer quizzes. Students take attempts, save drafts, retake, and receive detailed scoring and review.

MCQScoringReview
05

AI learning tools

Generate lesson summaries, AI-powered flashcards, and full quiz drafts directly from lesson content — powered by OpenAI integration connected to real course data.

FlashcardsSummariesQuiz gen
06

Business features

Stripe checkout with configurable revenue split between platform, organization, and instructor. Course reviews, ratings, earnings dashboards, and sales reporting.

StripeRevenue splitReviews
03 — Tech stack

A modern full-stack
web application

Frontend
  • → Angular 17 (standalone components)
  • → TypeScript
  • → HTML / SCSS
  • → RxJS & reactive patterns
  • → Responsive UI design
Backend
  • → ASP.NET Core 8 Web API
  • → Entity Framework Core
  • → SQL Server
  • → JWT Authentication / Identity
  • → RESTful API architecture
Integrations & Libraries
Stripe
OpenAI
QuestPDF
MailKit
Twilio
Swagger
04 — Screenshots

See it in action

Real screenshots from the running application — every screen built end-to-end.

alef.app
Academy catalog
01
Academy catalog
The public explore page where students discover published academies and courses
alef.app
Organization dashboard
02
Organization dashboard
Org admins manage all their academies, view published counts, and create new ones
alef.app
Academy website builder
03
Academy website builder
A 3-step wizard to design a branded academy landing page — name, branding, and preview
alef.app
Academy landing page
04
Academy landing page
Each academy gets a fully branded public page with logo, colors, student sign-up, and instructor sign-in
alef.app
Instructor course management
05
Instructor course management
Instructors search, filter, and manage courses with enrollment numbers and pricing
alef.app
Quiz editor
06
Quiz editor
Full quiz editor with MCQ, true/false, short-answer types and real-time AI quiz generation
alef.app
AI quiz generator
07
AI quiz generator
AI generates draft quiz questions from lesson content with configurable difficulty level
alef.app
Student learning player
08
Student learning player
The student course player with lesson sidebar, progress, and AI-generated flashcards
alef.app
Video lesson player
09
Video lesson player
Native video playback embedded inside the course player with full lesson navigation
alef.app
Student purchases & payments
10
Student purchases & payments
Students track all Stripe purchases, payment status, and course access history
05 — Reflections

Challenges & what I
learned building this

↯
Challenges
01
Designing a scalable, maintainable architecture across Angular and ASP.NET Core — managing routing, lazy loading, and API design simultaneously
02
Building a polished, responsive UI consistently across a large number of pages, states, and user roles
03
Managing authentication, role-based access, and Stripe payment flows in a secure and reliable way across three distinct user types
04
Connecting OpenAI features meaningfully to real lesson content — making AI tools feel useful and integrated rather than bolted on
✦
What I learned
01
How to structure a large Angular project with standalone components, lazy-loaded routes, and reactive state patterns using RxJS
02
How to design APIs that model real application workflows rather than just exposing database tables — thinking in DTOs and domain actions
03
How to improve UX and branding consistency at scale across a complete SaaS-style product with multiple user dashboards
04
How to combine business features (payments, analytics, certificates) and educational features (quizzes, progress, flashcards) in one coherent product
06 — Contact

Get in touch

Feel free to reach out if you have any questions about the project.

Email
mr.alofi19@gmail.com
→
Phone
083 068 1112
→