Case study

Ebtkar – Scalable Learning Platform with RTL Support

Architected a high-performance educational platform designed to serve thousands of concurrent users, featuring pixel-perfect RTL (Arabic) interface, secure payment system, and mobile-first design.

2025React.jsNext.jsTypeScriptTailwind CSSRTLPayment Integration
Ebtkar – Scalable Learning Platform with RTL Support
Overview

Ebtkar – Scalable Learning Platform with RTL Support

I architected Ebtkar, a high-performance educational platform designed to scale to thousands of concurrent users while delivering a seamless experience in Arabic markets. Problem: The platform needed to support RTL (right-to-left) languages, handle high traffic loads, and provide a native-app-like experience on mobile devices while maintaining fast load times. Solution: I built the platform using React.js, Next.js, and TypeScript with: • Pixel-perfect RTL (Arabic) interface implementation ensuring seamless local experience • Secure 'Student Wallet' module for managing balance and course payments with transaction history • Performance optimization to handle high traffic loads without latency, achieving sub-3s load times • Mobile-first responsive design delivering native-app-like experience on mobile browsers • Optimized bundle size and code splitting for fast initial load Impact: The platform successfully handles thousands of concurrent users, provides a seamless RTL experience for Arabic-speaking users, and maintains fast performance even during peak traffic.

Step 01

Problem

In your own words, describe the problem this project solves. Focus on user pain points, business constraints, and why the existing solutions were not good enough.

Step 02

Solution & architecture

Explain the key technical decisions, how the system is structured (frontend architecture, data flow, state management), and how you balanced DX, performance, and maintainability.

Step 03

Challenges & learnings

Highlight challenges (performance, edge cases, UX trade-offs) and how you approached them. This is where you can talk about realtime features, i18n, multi-tenant logic, or advanced SEO.

Step 04

Impact

Sub-3s load times, handles thousands of concurrent users

Tech stack

React.jsNext.jsTypeScriptTailwind CSSRTLPayment Integration

Your role

Front-End Developer – Owned architecture, RTL implementation, and performance optimization.

Key achievements

  • Implemented pixel-perfect RTL interface for seamless Arabic experience
  • Built secure payment system with transaction history and balance management
  • Optimized performance to handle thousands of concurrent users
  • Delivered native-app-like experience on mobile browsers

Previous project

SyncEdu – SaaS Education Management Platform

Next project

Fekra Education Platform – Comprehensive Learning Management System