Web Application
Online Learing Mnanagent System
As part of a collaborative team project, I contributed as a Frontend Developer to the development of a modern Learning Management System (LMS) using Next.js and Tailwind CSS . The platform was designed to deliver a seamless and engaging experience for students, teachers, and administrators by simplifying course management, content delivery, and user interaction. I played a key role in building scalable, responsive, and user-friendly interfaces across multiple modules, focusing on performance, usability, and clean UI/UX design. Key Contributions Admin Dashboard Development Built comprehensive modules for user management , role & permission control , and course management Developed blog management features including post creation, listing, updating, and deletion Ensured efficient data presentation with actionable controls Teacher & Course Management Designed and implemented a teacher dashboard for course creation and content organizationDeveloped a teacher application system to streamline onboardingCreated dynamic course listing and course details pages with structured learning paths Student Experience Features Developed assignment submission and feedback system with file uploads and grading visibilityBuilt interactive course pages with curriculum navigation and embedded video lessonsImplemented live session schedule pages with real-time class access E-commerce & Enrollment Designed a shopping cart system for course enrollmentEnabled smooth course selection and checkout flow Content & Engagement Built interactive blog system with filtering and paginationDeveloped homepage sections including:Featured courses & categoriesTeacher highlightsTestimonialsResources & news UI/UX & Performance Created a modern, responsive homepage with strong visual hierarchy and clear CTAsFocused on accessibility, responsiveness, and optimized performance Admin Dashboard: User Management Developed the user management section of the admin dashboard, providing a list of all users with details. Admin Dashboard: Blog Post Management Developed the blog post management section of the admin dashboard, providing an overview of all blog posts with details like title, content snippet, category, tags, status, and actions (Update/Delete). Admin Dashboard: Blog Post Creation Developed the interface for creating new blog posts, including fields for title, content, category, tags, thumbnail, and post status. This allows administrators to easily publish articles and manage blog content. User Role Permissions Management Developed the interface for managing user role permissions, allowing administrators to granularly control access to different functionalities within the platform. This includes defining which roles can create, edit, view, or delete specific types of content and features. Admin Dashboard: User Role Management Developed the user role management section of the admin dashboard, enabling administrators to define user roles and manage their associated permissions. Admin Dashboard: Course Listings and Management Developed the course management section of the admin dashboard, displaying a list of courses with details, including course type, pricing, teacher, and actions like (Update/Delete). Live Session Schedule and Access Page Developed a page displaying the schedule of live online sessions, including course information, start/end times, and a "Join Class" button. Course Assignment List with Details and Actions Developed a comprehensive assignment list page, showing assignment names, associated courses, modules, creation/update. Student Assignment Submission and Feedback Page Developed a comprehensive assignment submission page with functionalities for file uploads, submission tracking, grade display, teacher feedback, and assignment approval. Course Page with Interactive Curriculum Developed a Next.js course page featuring a detailed, interactive curriculum, embedded video lessons, and clear navigation for an optimal learning experience LMS Teacher Dashboard: Course Creation & Management Developed a comprehensive teacher dashboard with functionalities for creating new courses, updating existing course details, managing modules, and organizing course content. Streamlined Teacher Application Process Implemented a digital teacher application form to streamline the recruitment process and facilitate the onboarding of qualified instructors. LMS Teachers List Page Developed the "Meet Our Teachers" page, showcasing a comprehensive list of instructors with their qualifications and providing options to view individual profiles or apply for teaching positions. Interactive Blog Listing Page Developed an interactive blog listing page with features like category filtering, pagination, and clear display of article summaries. LMS Shopping Cart Page Designed and developed the shopping cart page, allowing users to review selected courses, adjust quantities, and proceed to checkout. Dynamic Course Details Page Developed a comprehensive course details page with features like a detailed study plan, instructor profile, pricing information, and clear call to action. Interactive Course Catalog Page Developed an interactive course catalog page with features like category filtering, course type selection, clear display of course details, and pagination for easy navigation of a large number of courses. LMS Homepage: Resources & News Section Designed and developed the "Resources & News" section of the LMS homepage, providing users with access to relevant articles and updates. LMS Homepage: Featured Teachers Designed and developed the "Meet Our Teachers" section of the LMS homepage, showcasing instructors' qualifications and encouraging user engagement with a focus on highlighting "our best teachers." LMS Homepage: Testimonials Section Designed and developed the testimonials section of the LMS homepage, showcasing positive user feedback to build trust and credibility. LMS Homepage: Featured Popular Courses Designed and developed the homepage for an online learning platform, highlighting a selection of popular courses to attract user interest and encourage enrollment. LMS Homepage: Featured Course Categories Designed and developed the homepage for an online learning platform, showcasing featured course categories to facilitate easy course discovery. Modern LMS Homepage Design & Development Created a visually appealing and user-friendly homepage for an online learning management system, featuring clear calls to action and highlighting the platform's benefits.
React jsNext jsTailwind cssAnd Design+0