MEST School
NextraAntdGSAPKatexMongodbNext-AuthResend
👨💻 Role: Full Stack Developer🕒 Duration: 2 months👥 Team Size: 1🏢 Client: MEST Foundation🔗 View Code ↗
Project Overview
An EdTech platform built to organize math content into levels and visualize them beautifully for students.
Key Features
- Level-based math categorization
- Responsive UI with Ant Design and TailwindCSS
- Authentication with NextAuth
- Math rendering using KaTeX
- Dark/light/auto mode support
Why These Technologies?
Next.js 15 with App Router was chosen for routing flexibility, Ant Design for UI consistency, and GSAP for smooth animations. MongoDB was used for fast, scalable storage.
Stack Usage: Nextra for content structure, GSAP for animation, MongoDB for level/task data.
Challenges & Solutions
Rendering dynamic math content was a major challenge. Using KaTeX with Nextra and Markdown required custom MDX configurations.
Business Impact
Enhanced math learning engagement for students, improved performance, and positioned the school as a modern digital platform.
Performance: Lighthouse score improved from 74 to 95.
SEO Features: meta tags, OG tags, robots.txt, sitemap.xml
Testimonials
“Exactly what we envisioned. Arif nailed the UI/UX and structure.”
— Founder, MEST Foundation
Want to build something similar?
Reach out for collaboration.
Reach out for collaboration.