TARTEEL ACADEMY
Tarteel Academy is a sophisticated ed-tech platform dedicated to teaching the Holy Quran, Tajweed, and Islamic values to women and children globally. Built with a Mobile-First and User-Centric approach, the platform provides an immersive educational environment that bridges the gap between traditional learning and modern digital convenience.
Client
Tarteel Academy
Year
2025
Duration
3 months
Role
Full-Stack Developer
Executive Summary
Tarteel Academy is a sophisticated ed-tech platform dedicated to teaching the Holy Quran, Tajweed, and Islamic values to women and children globally. Built with a Mobile-First and User-Centric approach, the platform provides an immersive educational environment that bridges the gap between traditional learning and modern digital convenience.
Key Contributions & Achievements
Cutting-Edge Stack (Next.js 15): Developed using Next.js 15.2.4, leveraging the latest features in server components and optimized rendering for a lightning-fast user experience
Interactive Learning Hub: Designed a comprehensive system that showcases various educational tracks (Children & Women), featuring dynamic pricing tables and detailed program syllabi
Daily Islamic Resources Engine: Integrated an automated daily resource section that fetches and displays Ayah of the Day, Hadith, and real-time Prayer Times via External APIs, enhancing daily user engagement
Modern UI/UX Framework: Crafted a serene and professional visual identity using Tailwind CSS, shadcn/ui, and Radix UI, ensuring full accessibility and a Peaceful aesthetic suitable for an Islamic academy
Conversion Optimization: Implemented strategic Call to Action (CTA) paths, including direct WhatsApp integration and a free trial booking system to maximize student enrollments
Technical Highlights
| Feature | Implementation |
|---|---|
| Framework | Next.js 15 for top-tier SEO and performance |
| Interactivity | Live session previews and dynamic daily content |
| UX/UI | Clean, accessible design using shadcn/ui primitives |
| Connectivity | 24/7 WhatsApp & Social Media integration |
Technologies Used
Frontend
Backend
Deployment
Tools & Services
Project Screenshots
Results & Impact
Successfully launched live platform serving global students
Integrated real-time Islamic daily resources
Created serene and accessible learning interface
Implemented conversion-optimized enrollment system
Legal Disclaimer
Notice: This project was developed as a professional engagement for Tarteel Academy.
I held full responsibility for the technical architecture, UI/UX design, and the integration of educational and spiritual resources.
Project Status: The platform is Live and actively serving students worldwide.
Intellectual Property: All educational content, branding, and academic rights belong to Tarteel Academy.
Purpose: This presentation is for technical portfolio purposes, highlighting my expertise in building high-performance educational platforms using Next.js 15 and AI-driven development workflows.
Key Features
- Next.js 15 server components for optimal performance
- Dynamic educational tracks for children and women
- Daily Islamic resources (Ayah, Hadith, Prayer Times)
- Modern UI with shadcn/ui and Radix UI components
- Dark/Light mode support
- WhatsApp integration for direct contact
- Free trial booking system
- Responsive media gallery for online sessions
- PWA support for mobile experience
- Global accessibility via Vercel Edge Network
Got an Ambitious Idea? 🚀
Ready to turn your vision into reality? Whether it's a cutting-edge web app, an AI-powered solution, or something extraordinary — let's build it together!