🎓 Almas English Language Institute
A complete, modern language learning platform built with React and TypeScript. Live Demo: https://cleverboy01.github.io/english-institute/
💡 About An educational platform designed for language institutes, featuring three distinct user roles:
Students - Browse courses, manage shopping cart, track learning progress
Teachers - Create courses, upload media, set pricing and difficulty levels
Admins - Full platform management and analytics
🛠️ Tech Stack Core Technologies:
React 18 - UI framework with modern hooks
TypeScript - Type-safe development
Vite - Lightning-fast build tool
Tailwind CSS - Utility-first styling
Key Libraries:
React Router - Client-side routing
shadcn/ui - Accessible component library
Lucide Icons - Beautiful icon set
LocalStorage - Client-side data persistence
💻 Programming Languages This project is built using:
TypeScript (68%) - Primary language for type-safe development
JavaScript/JSX (20%) - React components and logic
CSS (10%) - Styling with Tailwind CSS
HTML (2%) - Page structure
🚀 Getting Started Prerequisites Node.js 18+ and npm
Installation
git clone https://github.com/cleverboy01/english-institute.git cd english-institute
npm install
npm run dev
Navigate to http://localhost:5173 and you're all set! 🎉
✨ Features For Students 🔍 Advanced course search and filtering
🛒 Shopping cart and wishlist management
📊 Personal dashboard with progress tracking
💳 Course enrollment system
⭐ Course reviews and ratings
For Teachers ➕ Create and manage courses
📸 Upload course thumbnails
💰 Set pricing and difficulty levels
📈 View student enrollment statistics
📝 Course content management
For Everyone 🌓 Dark/Light mode toggle
📱 Fully responsive design
🚀 Lightning-fast performance with Vite
🎨 Modern UI with shadcn/ui components
🔒 Secure authentication system
🎨 Key Highlights ✅ Dark/Light theme support
✅ Fully responsive (mobile, tablet, desktop)
✅ No backend required (LocalStorage-based)
✅ Type-safe with TypeScript
✅ Modern React patterns and hooks
✅ RTL (Right-to-Left) language support
📦 Build for Production
npm run build
npm run preview
🌐 Deployment This project is deployed on GitHub Pages:
npm run deploy
👨💻 Developer Mohammad Reza Kazemi GitHub: @cleverboy01 Telegram:@Mrezakazemix Instagram:@mrezakazemi_
🤝 Contributing Contributions, issues, and feature requests are welcome! Feel free to check the issues page.
⭐ Show Your Support Give a ⭐️ if this project helped you!
📄 License This project is open source and available under the MIT License.
Built with ❤️ using React and TypeScript