Production Release, 2026

Taki Academy — Educational Platform

A Tunisian online learning academy with a fast, responsive Next.js frontend for course discovery and enrollment.

Next.jsReactTailwind CSSRTL/Arabic UIResponsive Design

Video Demonstration Showcase

Interactive Video Showcase Coming Soon

We are recording a voice-over walk-through of Taki Academy's primary features, dashboard modules, and server operations. In the meantime, explore the complete system architecture details below!

Project Overview

Taki Academy is a Tunisian e-learning platform connecting students with instructors and structured course content. I was brought in to build the entire frontend, translating the platform's design into a fast, responsive, and RTL-friendly Next.js interface. The build focused on clean course browsing, a smooth enrollment flow, and consistent performance across devices, giving the academy a modern web presence to support its growing student base.

Key Capabilities

Course Catalog & Discovery

Frontend

Browsable course listings with clear categorization, helping students quickly find relevant classes.

RTL-First Responsive UI

Frontend

A fully right-to-left interface built with Next.js, ensuring a natural reading and navigation experience in Arabic.

Enrollment Flow

UX

Streamlined course enrollment screens designed to minimize friction from discovery to signup.

Interactive Architecture Flow

Hover or click on the system modules to inspect their dynamic interactions and roles within the product stack:

client

Next.js RTL Web App

Responsive, RTL-first frontend handling course discovery and enrollment.

Blueprint Sketch

Architecture mapping diagram is currently loaded in the interactive matrix viewer on the left.

Technical Challenges & Resolutions

Problem

Delivering a fast, polished frontend on a tight timeline for a live academy launch.

Resolution

Built with Next.js's file-based routing and component reuse to move quickly from design to production without sacrificing performance or responsiveness.

Development timeline & Story

Phase 1: UI Implementation

Building the Next.js Frontend

Translated the platform design into responsive, RTL-first Next.js pages covering course discovery and enrollment.

Phase 2: Launch

Production Release

Deployed the platform to production for Tunisian students and instructors.

Interested in discussing similar system integrations?