midark

"Learn cooler, faster, together. Midark is the all-in-one platform with courses, live chat, certificates, and dark mode—supporting Arabic & English with zero friction."

Comment

Inspiration Education should be a universal right—not a luxury reserved for those who speak a certain language or have access to expensive platforms. Midark was born from a simple belief: Learning should feel human. Connected. Bilingual. Mobile-first. And accessible to everyone. We were inspired by:

  1. The Language Gap Billions of learners are excluded because education online is primarily built for English speakers. We wanted to build something that welcomes Arabic speakers first—not as an afterthought.
  2. The Loneliness of Online Learning Most platforms feel like watching videos alone in a dark room. We wanted learning to feel alive—with real conversations, support, and community.
  3. The Broken Experience Courses happen in one app. Chats happen somewhere else. Notifications are scattered. Midark brings everything together in one seamless ecosystem.
  4. Mobile-First Reality A majority of learners in developing regions learn on mobile. So we built Midark “mobile-first”—not “mobile later.”
  5. The Hackathon Theme “Make learning cool again.” We took that personally. And it became our design principle. 🚀 What Midark Does Midark is a bilingual, mobile-first learning ecosystem built for real-time learning, real connection, and global accessibility. ⭐ Key Features 📚 The Learning Ecosystem Enroll in curated courses Beautiful course pages with outcomes, requirements, and instructor bios Track progress and earn certificates Interactive discussions, assignments, and quizzes 💬 Real-Time Chat (Student ↔ Instructor) WebSocket-powered live chat Read receipts, typing indicators, and instant sync Notification center with full history 🔔 Smart Notifications Course updates Chat alerts System-wide announcements Custom preferences 🔐 Secure Authentication Email verification JWT sessions Password reset Social login ready 🎨 Personalization Arabic + English Full RTL support Light/Dark mode Profile customization 👨‍🏫 Instructor Dashboard Create & manage courses Upload videos, files, documents Auto-generate certificates Course analytics and student progress 🛠️ How We Built It Mobile App (React Native + Expo) Cross-platform iOS & Android Context API for scalable global state AsyncStorage for persistence Axios + robust API layer Custom bilingual UI components Backend (NestJS + MongoDB + Socket.io) Scalable modular architecture JWT authentication Real-time chat with WebSockets AWS S3 for media Nodemailer for verification REST API with clean error handling Admin Dashboard JS + HTML/CSS Full CRUD controls Course, user, certificate management Infrastructure GitHub Actions CI/CD Expo EAS builds S3 hosting Environment-based config 🚧 Challenges We Overcame
  6. True RTL + Bilingual UI English → LTR Arabic → RTL Layouts, paddings, typography, spacing—ALL had to dynamically flip. We built a custom i18n system to do it flawlessly.
  7. Real-Time Chat Reliability WebSockets on mobile can disconnect often. We implemented: Heartbeats Reconnect logic Backoff strategies Message queueing
  8. High Performance on Mobile We optimized: Pagination Memoization Lazy loading to maintain a fast, smooth UX.
  9. File Upload Constraints Chunked uploads + resumable uploads + S3 presigned URLs = reliable uploads even on weak connections.
  10. Certificate Generation Dynamic PDF generation using templates and instructor signatures. 🏆 Accomplishments ✔ A Complete Learning Ecosystem Not a concept. Not a prototype. A real, production-ready mobile-first learning platform. ✔ Bilingual From the Ground Up Arabic & English equality—full RTL, culturally aware UI. ✔ Real-Time Community Chat + Notifications = learning becomes social and interactive. ✔ Scalable Architecture Built clean, modular, and ready for thousands of users. ✔ Instructor Tools Courses, analytics, certificates—all in one dashboard. ✔ CI/CD Pipeline Push → build → deploy. No manual steps. 📖 What We Learned Accessibility matters. Real-time features transform learning. Mobile-first is mandatory for global reach. TypeScript saves time. WebSocket reliability = engineering discipline. Clean design systems speed development. Seed data = instant realistic testing. UX details are more important than features. 🚀 What’s Next AI & Personalization AI tutor Smart recommendations Automated grading Personalized learning paths Gamification Streaks Achievements Leaderboards Social & Community Peer groups Sharing Forums Advanced Learning Live classes Peer tutoring Instructor marketplace Offline mode Global Expansion More languages Localization NGO partnerships Instructor academy 🌍 Long-Term Vision To make Midark the world’s most accessible learning platform— built for emerging markets, multilingual learners, and real human connection. 1,000,000 learners. 2 years. And we’re already building the foundation.

Built With

Share this project:

Updates