Giter VIP home page Giter VIP logo

sajidhussaint / mastery-link-client Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 9.8 MB

MasteryLink is an online learning platform powered by the MERN stack, Socket.IO, Material Tailwind UI, React Tanstack Query, and Stripe payment integration. It facilitates seamless collaboration between admins, instructors, and students. Admins manage permissions and track payments, while instructors upload courses, manage content, and earn payment

Home Page: https://mastery-link-client.vercel.app/

JavaScript 99.50% HTML 0.21% CSS 0.29%

mastery-link-client's Introduction

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

mastery-link-client's People

Contributors

sajidhussaint avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.