Web App
PersonalLanguage Guard
A sophisticated Foreign language learning platform built with the MERN stack featuring role-based dashboards, Stripe payments, and interactive class management.
Project Overview
Language Guard is a Foreign language learning platform built with the MERN stack to solve the challenge of managing diverse user roles in an educational environment. I developed a comprehensive system with three distinct dashboards for students, instructors, and administrators. Students can easily browse and enroll in classes with integrated Stripe payments, while instructors have full control over their course content. The platform's core value lies in its structured workflow, allowing administrators to moderate classes and manage user permissions efficiently, all within a responsive UI that supports both light and dark modes.
Key Features
- Dark-light toggle theme.
- Authentication system with firebase.
- Students can easily enroll in classes, book and manage their reservations, give feedback, delete bookings, and conveniently pay for their courses.
- Instructors have the ability to add new classes, to monitor his added classes.
- Administrators can efficiently manage classes, users, and assign instructor and admin roles, approved / denied classes.
- Admins can give feedback to instructors about their classes.
- Student can send message in the contact us section
Key Responsibilities
- Architected the full-stack application using MERN stack.
- Implemented role-based access control (RBAC).
- Integrated payment processing using Stripe.
Technologies Used
ReactReact-RouterTailwindFlowbiteSwiperAOSFirebaseStripeNodeExpressMongoDBTanstack Query
Project Image
Contributed
DeveloperLook
Website
A high-performance digital agency platform built with Next.js and Strapi, featuring dynamic portfolios, service pages, and interactive animations.
Project Image
Contributed
Staffic.io
SaaS
A comprehensive enterprise SaaS platform for employee monitoring, time-tracking, project management, and automated payroll.