متاح للمشاريع المميزة

السلام عليكم، أنا بلال سالم

بناء تطبيقات على مستوى المؤسسات تدعم التعليم والتجارة والأنظمة القانونية عالمياً مع الامتثال الإسلامي في جوهرها.

Next.js · React · Django · NestJS · Node.js · PostgreSQL · TypeScript · React Native

+
مشاريع منتجة
+
تقنيات
+
سنوات خبرة
%
رضا العملاء

مشاريع إنتاجية حقيقية

ليست نماذج. ليست قوالب. تطبيقات حقيقية تخدم مستخدمين حقيقيين.

Wisecool

Tunisia's #1 Educational Platform — 12 Microservices Architecture

المشكلة

Tunisian students across all levels — from elementary to university preparatory classes (IPEIEM, EPT, ENIT, Sup'Com) — needed an enterprise-grade digital learning platform. Requirements included: programming course support with live code editors, real-time collaboration, Arabic RTL support, Tunisian curriculum paths, mobile-first design, offline capabilities, video conferencing, enterprise messaging, comprehensive SEO for student acquisition, and production-level security with zero vulnerabilities.

حلي

Architected Beit Al Hikma (بيت الحكمة), a 12-microservice ecosystem: wisecool-app (Next.js 16 with 8 Monaco code editors), wisecool-api (Django 5.2 with 40+ apps), wisecool-messaging (Django Channels + WebSocket), wisecool-mobile (React Native), wisecool-desktop (Electron), wisecool-instructor, wisecool-admin, wisecool-library, wisecool-internship, wisecool-editions-api, wisecool-landing (10K+ SEO keywords), wisecool-status. Covers the full Tunisian educational path from elementary through preparatory classes, medical school, and university.

التقنيات المستخدمة

Next.js 16React 19Django 5.2Django ChannelsPostgreSQLRedisReact NativeElectronTypeScriptMonaco EditorLiveKitWebSocket

النتائج والتأثير

8.1K+
Active Users
Monthly active learners
12
Microservices
Independent scalable services
4.9/5
Rating
Across 2,800+ student reviews
8
Code Editors
Monaco-based programming environments
10,000+
SEO Keywords
Complete educational market coverage
12K+
Followers
Across all social platforms

التحديات التقنية التي حللتها

Implemented 8 Monaco-based code editors: Python/JS practice editor, SQL query builder with syntax highlighting, terminal emulator, interactive playground, competitive programming arena, experiment lab, Jupyter-style notebooks, all with real-time execution and auto-completion
Built enterprise WebSocket messaging: Django Channels with Redis pub/sub, auto-reconnection with exponential backoff, offline queue, typing indicators, presence tracking, read receipts, reactions, attachments, voice messages, polls, Q&A, scheduled messages, content moderation
Achieved 10,000+ SEO keywords: Covered 115 educational paths, 500+ variations (AR/FR/EN), year-specific (2024-2026), misspelling handling, results/corrections/dates pages, comparison keywords - all indexed by Google
Production security with zero vulnerabilities: JWT auth (15min expiration), RBAC, rate limiting (5 login/15min, 100 API/min), SQL+XSS prevention, CORS restrictions, CSP headers, HTTPS-only, no secrets in frontend

ما بنيته

Architected complete 12-microservice ecosystem from scratch - designed service boundaries, REST/WebSocket/Redis pub-sub communication, 40+ Django app data models, deployment strategy
Implemented 8 specialized Monaco code editors - custom language support, syntax highlighting, auto-completion, execution engines, SQL builders, terminal emulation, competitive arenas, Jupyter notebooks
Developed enterprise messaging system - Django Channels WebSocket infrastructure, Redis channel layer, auto-reconnection, 25+ features (typing, presence, reactions, attachments, polls, Q&A, scheduling, moderation)

البنية التي صممتها

-12 Microservices: wisecool-app (Next.js 16), wisecool-api (Django 5.2 + 40 apps), wisecool-messaging (Django Channels), wisecool-mobile (React Native), wisecool-desktop (Electron), wisecool-instructor, wisecool-admin, wisecool-library, wisecool-internship, wisecool-editions-api, wisecool-landing, wisecool-status
-Frontend: Next.js 16 App Router, React 19 Server Components, TypeScript 5, Tailwind CSS 4, Framer Motion, TanStack Query v5, Redux Toolkit, next-intl (i18n), Monaco Editor, React Hook Form + Zod
-Backend: Django 5.2 REST Framework, Django Channels (WebSocket), PostgreSQL 16, Redis (cache + pub/sub), Daphne ASGI, JWT auth, Celery async tasks, comprehensive DB indexes
-8 Code Editors: Monaco core with PracticeCodeEditor (Python/JS), PracticeSQLEditor, ArenaEditor (competitive), LabEditor, NotebookEditor (Jupyter), PlaygroundEditor, SQLPlaygroundEditor, TerminalEditor
-Messaging: Django Channels WebSocket consumers, Redis channel layer, JWT WS middleware, auto-reconnection, message queue, typing/presence/reactions, files/voice/polls/Q&A, content moderation
-Real-time: LiveKit video/audio, WebSocket messaging, Server-Sent Events, React Query optimistic updates, IndexedDB offline storage, background draft sync
-Security: Zero vulnerabilities, JWT (15min/7d), RBAC, rate limiting (5/15min login, 100/min API), SQL+XSS sanitization, CORS, HTTPS-only, CSP headers, encrypted at rest
12
microservices
8.1K+
users
4.9/5
rating
10K+
keywords

كل مشروع يمثل شهوراً من العمل، حل مشاكل حقيقية لشركات حقيقية.

لنبني مشروعك القادم

لنعمل معاً

مستعد لبناء شيء مذهل؟ أنا متاح للمشاريع المميزة.

البريد الإلكتروني

bilelsalemdev@gmail.com

الموقع

Tunisia

ما أبنيه

تطبيقات ويب Full Stack
تطبيقات موبايل (iOS و Android)
بنية Microservices
حلول متوافقة مع الشريعة الإسلامية
التشفير E2E والأمان

إرسال رسالة

© 2026 بلال سالم. جميع الحقوق محفوظة.