Skip to content

laxmikant007/EducationHub-frontEnd

Repository files navigation

Education HUB

Overview

EducationHUB is a comprehensive solution designed to address the challenges faced by universities in managing online classes efficiently. Leveraging Zego Cloud's real-time video conference capabilities, WEBRTC, and Socket.io for real-time communication, EducationHUB provides a decentralized system that enhances the online learning experience for both teachers and students.

Weblink: Live Website

Insight Images:

Home Page:

Table of Contents

Introduction

EducationHUB is a comprehensive solution designed to address the challenges faced by universities in managing online classes efficiently. Leveraging Zego Cloud's real-time video conference capabilities, WEBRTC, and Socket.io for real-time communication, EducationHUB provides a decentralized system that enhances the online learning experience for both teachers and students.

Features

1. Real-Time Video Conferencing

EducationHUB integrates Zego Cloud's powerful real-time video conferencing technology, enabling seamless and high-quality online classes. Teachers can initiate video conferences directly from the platform, creating a dynamic and interactive virtual classroom environment.

2. WEBRTC Integration

With WEBRTC integration, EducationHUB ensures secure and reliable communication channels between teachers and students. This technology facilitates real-time audio and video streaming, enhancing the overall quality of the online learning experience.

3. Socket.io for Real-Time Communication

EducationHUB employs Socket.io for real-time communication, enabling instant updates and notifications. This ensures that teachers and students can stay connected and informed throughout the learning process, fostering effective collaboration.

4. Separate Dashboards for Students and Teachers

EducationHUB features distinct dashboards for teachers and students, streamlining the user experience. Teachers have access to tools for creating classes, generating video conference links, and managing course content, while students can easily view upcoming classes and access relevant materials.

5. Class Creation and Automated Link Generation

Teachers can effortlessly create classes within EducationHUB, generating video conference links that are automatically displayed on the student dashboard based on the selected course and semester. This simplifies the process of scheduling and accessing online classes.

6. Centralized Repository for Notes, PYQs, and Assignments

EducationHUB serves as a centralized repository for educational resources. Teachers can upload notes, previous year questions (PYQs), assignments, and other materials directly to the platform. Students can conveniently access and download these resources from their dashboard, promoting organized and efficient learning.

7. Assignment Submission and Tracking

Students can submit assignments directly through EducationHUB, creating a streamlined workflow for both submission and grading. This feature simplifies the assignment management process and provides teachers with a convenient way to track student progress.

Technologies Used

  • React.js/Vite: A JavaScript library for building user interfaces.
  • Node js : Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
  • HTML5 & CSS3: Markup and styling languages for building web pages.
  • JavaScript: A programming language for adding interactivity to web applications.
  • Git: A version control system for tracking changes and collaborating on projects.
  • Vercel : Deployment of frontend and Backend
  • Firebaser : Deployment & Storage management & CI/CD pileline integrartion
  • cloudflare : Subdomain management

Installation

To run EducationHUB locally, follow these steps:

  1. Clone the repository: git clone https://github.com/anshu0202/MajorProject.git
  2. Navigate to the project directory: cd EducationHUB & server
  3. Install the dependencies: npm install
  4. Start the development server: node server
  5. Start frontend : npm run dev
  6. Open your browser and visit: http://localhost:5173

Usage

  • Sign up for an API key at ZegoCloud & Emailjs .
  • Copy your API key.
  • Set your API key as an environment variable:
  • MONGO_URL & SERVER_SECRET & APP_ID as Environment Variables in server folder
  • In Client folder ENV file : VITE_BACKEND_URL

Contributing

Contributions are welcome! If you'd like to contribute to EducationHUB, please follow these steps:

  1. Fork the repository.
  2. Create a new branch for your feature or bug fix: git checkout -b my-feature
  3. Commit your changes: git commit -m 'Add some feature'
  4. Push to the branch: git push origin my-feature
  5. Open a pull request.

Releases

No releases published

Packages

No packages published