Skip to content

This project is a full stack course marketplace similar to Udemy. It enables students to enroll in courses upon payment, allows teachers to add new courses, and empowers admins to oversee and moderate all activities. The platform ensures a seamless and secure experience for learners and educators alike, offering robust features for course managemen

Notifications You must be signed in to change notification settings

iamcharlie17/class-edge-client

Repository files navigation

ClassEdge

Live Site

Overview

This project is a full-stack course marketplace similar to Udemy. It enables students to enroll in courses upon payment, allows teachers to add new courses, and empowers admins to oversee and moderate all activities. The platform ensures a seamless and secure experience for learners and educators alike, offering robust features for course management

Features

  1. Responsive design for mobile, tablet, and desktop.
  2. Secure authentication with JWT.
  3. Dynamic homepage with banners, partners, popular classes, and statistics.
  4. Detailed class pages with enrollment and payment integration.
  5. Comprehensive dashboards for students, teachers, and admins.
  6. CRUD operations with custom notifications.
  7. Teacher application and approval workflow.
  8. Class and user management by admin.
  9. Feedback and rating system.
  10. Search functionality and pagination.

Technologies


Tools

Portfolio

How to Clone and Run the Project

Prerequisites

  • Node.js (v14.x or later)
  • npm (v6.x or later)

Steps

  1. Clone the repository:

    git clone https://github.com/iamcharlie17/class-edge-client.git
  2. Navigate to the project directory:

    cd class-edge-client
  3. Install dependencies:

    npm install
  4. Set up environment variables:

    • Create a .env file in the root directory.
    • Add the following variables (replace with your actual values):
      REACT_APP_API_URL=your_api_url
      REACT_APP_FIREBASE_API_KEY=your_firebase_api_key
      REACT_APP_FIREBASE_AUTH_DOMAIN=your_firebase_auth_domain
      REACT_APP_FIREBASE_PROJECT_ID=your_firebase_project_id
      REACT_APP_FIREBASE_STORAGE_BUCKET=your_firebase_storage_bucket
      REACT_APP_FIREBASE_MESSAGING_SENDER_ID=your_firebase_messaging_sender_id
      REACT_APP_FIREBASE_APP_ID=your_firebase_app_id
      REACT_APP_JWT_SECRET=your_jwt_secret
      
  5. Run the development server:

    npm start
  6. Build for production:

    npm run build

About

This project is a full stack course marketplace similar to Udemy. It enables students to enroll in courses upon payment, allows teachers to add new courses, and empowers admins to oversee and moderate all activities. The platform ensures a seamless and secure experience for learners and educators alike, offering robust features for course managemen

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages