Skip to content

TEAM PROJECT · Mar 2025 — Apr 2025

Rogo Portal

An admissions operations portal for student applications, documents, university choices, timelines, services, and payments.

Built for Education-consultancy admins, admission officers, support managers, and students.

Contribution ended

01 / BUSINESS CONTEXT

The problem to solve.

Admissions staff need to follow one application through university choices, missing documents, deadlines, service packages, and installments. Separate records make that follow-up harder.

RESPONSIBILITY

My contribution

At Techsfera, I worked on the admissions dashboard, student-file creation, document and checklist workflows, timeline updates, role-aware access, and payment records.

Team project. My scope was the admissions operations system and its connected screens and APIs. The gallery presents the public website as wider product context.

WHAT THE SOLUTION ENABLES

One student file connects intake, application progress, documents, services, and financial follow-up for admissions staff.

02 / WORKFLOW SUMMARY

Follow the business process.

  1. 01

    Create the file

    Personal and passport details, university choices, services, and payment plan.

  2. 02

    Prepare

    Required documents and checklists with access and visibility controls.

  3. 03

    Track progress

    Status, university updates, supporting files, and due dates.

  4. 04

    Follow up

    Scheduled installments, payment approvals, and remaining balance.

03 / SOLUTION DECISIONS

Business rules, made practical.

Intake creates several related records.
Approach
Create the student file, university links, services, and scheduled payments together.
Why it matters
Keep the initial application consistent instead of leaving a partially created file.
Staff and students should see different information.
Approach
Enforce roles and document visibility on the server.
Why it matters
Give staff operational access while limiting students to records intended for them.
Staff need a trustworthy amount due.
Approach
Calculate balances from transaction records.
Why it matters
Keep payment summaries connected to the records staff use for follow-up.

DELIVERY CONTEXT

Contribution completed · March–April 2025. The linked public website provides business context for the portal.

ABOUT THE EVIDENCE

Editorial workflow diagram of the documented admissions system. The public website preview is separate from the internal operations work described here.

04 / IMPLEMENTATION DETAILS

Inside the solution.

Explore the workflows and technical choices behind the business process.

Student file as the source of truth

Rogo Portal is organized around the student file. It links a user to education format, education level, academic session, program, target universities, documents, services, timeline entries, and transactions.

Creating a student file is a multi-step intake flow: email lookup, personal and passport information, admission details, payment information, and services. The backend creates the file, university links, scheduled payments, and selected services inside a database transaction.

Passport data uses an upsert-style update tied to the student user, which lets staff update information without creating duplicate passport records.

Admissions operations

The student-file table supports search by student name, filters for academic session and education level, sorting by name, creation date, or payment due, and a payment-due range filter.

A student detail page brings contact information, admission information, process timeline, service package, checklist, documents, payment summary, and payment records into one view.

Timeline entries can include status, university, description, and supporting documents. Checklists track required tasks with due dates and completion state. Service packages show which consultancy services are included and whether they have been provided.

Documents and access control

Staff can upload typed documents, attach files to timeline updates, mark documents visible to the student, and update or delete records from the dashboard.

UploadThing handles uploads. The database stores document type, name, owner, student file, timeline linkage, URL, and visibility state. Students only see documents tied to their file and marked visible.

Better Auth roles separate admin, admission officer, support manager, and student access. Protected tRPC procedures enforce authentication, and resource permissions guard actions such as managing documents, checklists, and transactions.

Payments and financial tracking

Admissions teams need to see the expected payment, paid amount, scheduled installments, pending approval records, and remaining due balance.

Rogo Portal models payment records as transactions with status and type. SQL queries calculate payment due, total income, total expense, and gross profit from those records.

The payment record view supports status tabs, search, scheduled payments, paid records, and editable transaction details, so staff can follow up on installments without leaving the student file.

Product experience

The interface follows the daily work of admissions staff. The create flow breaks intake into clear steps, and the detail page groups the information staff revisit often.

React Hook Form and Zod keep form behavior predictable across intake, document forms, timeline updates, service entries, and payment records. tRPC and TanStack Query connect the UI to typed server procedures and update cached data after mutations.

The product also has role-based entry points. Admins see the operations dashboard, while student users get a simpler view of upcoming sessions, checklists, pending submissions, and payments.

Tools supporting the work

  • Next.js 15
  • TypeScript
  • tRPC
  • PostgreSQL
  • Drizzle
  • Better Auth
  • Zod
  • React Hook Form
  • UploadThing
  • Tailwind CSS

FROM YOUR WORKFLOW TO A WORKING PRODUCT

Have a similar problem to solve?

Start with the people, the process, and what needs to change. We can define the scope, review points, and delivery plan together.