/ML-Frontend

Primary LanguageJavaScript

MasteryLink

MasteryLink is an innovative online learning platform built with the MERN stack (MongoDB, Express.js, React, Node.js) that empowers instructors to share their expertise and students to master new skills in a collaborative environment. Leveraging the latest technologies such as Socket.IO for real-time communication, Material Tailwind UI for sleek design, and Stripe for secure payment processing, MasteryLink offers a seamless and immersive learning experience.

Features

Admin Panel

  • Permission Control: Admins have full control over user permissions, ensuring secure access to different features and functionalities.
  • Track Payments: Easily monitor payments and manage transactions, providing transparency and accountability.
  • Earning Charts: Visualize earnings over time with detailed charts and analytics for informed decision-making.

Instructor Dashboard

  • Course Management: Instructors can effortlessly upload courses, add modules and chapters, and upload video files to create comprehensive learning materials.
  • Chat Groups: Foster collaboration among students by creating dedicated chat groups for each course, enabling real-time interaction and support.
  • Payment Integration: Instructors can earn payments for their courses through seamless Stripe integration, providing a hassle-free revenue stream.

Student Experience

  • Enrollment: Students can enroll in courses using Stripe payment, gaining access to high-quality educational content.
  • Interactive Learning: Dive into course modules, watch video lessons, and engage with instructors and fellow students to enhance learning outcomes.
  • Community Support: Join course-specific chat groups to ask questions, share insights, and connect with peers, fostering a supportive learning community.

Performance Optimization

  • Tansktack Query: Leveraging Tanstack Query, MasteryLink efficiently caches fetched data to optimize performance, delivering a smooth and responsive user experience.

Technologies Used

  • MongoDB
  • Express.js
  • React
  • Node.js
  • Socket.IO
  • Material Tailwind UI
  • Stripe Payment Integration
  • Tanstack Query
  • Redux

Getting Started

  1. Clone the repository: git clone https://github.com/sajidhussaint/Mastery-Link-Client.git
  2. Install dependencies: npm install
  3. Set up environment variables (e.g., MongoDB URI, Stripe API keys)
  4. Run the development server: npm start