Mektep Vuejs
Mektep is a modern learning platform for Islamic sciences built with Vue 3 and Firebase. Features include user authentication, course management, and multi-format content support. Built with Vue Composition API, Vite, and Tailwind CSS, it combines Ottoman-Islamic aesthetics with modern web technologies.
Mektep - Ottoman-Era Inspired E-Learning Platform
What if Udemy existed in the Ottoman Empire? This question inspired Mektep, a unique educational platform that combines modern web technologies with classical Ottoman aesthetics and educational principles.
Technical Stack
- Vue.js 3 with Composition API
- Vite for development and builds
- Firebase (Authentication & Firestore)
- Pinia for state management
- Vuetify 3 with Ottoman-inspired customization
- Custom CSS with Ottoman design system
Design Features
- Traditional Ottoman color palette (deep burgundy, gold accents)
- Classical Islamic geometric patterns
- Custom animations mimicking manuscript page turns
- Typography inspired by Ottoman manuscripts using Amiri font family
Key Features
- User authentication and authorization
- Course management system
- PDF parsing with Arabic/Ottoman text support
- Real-time data synchronization
- Responsive layouts
- Optimized image loading and caching
Demo
Check out the project showcase: LinkedIn Post
