Skip to content

Smart classroom system for efficient virtual learning

Notifications You must be signed in to change notification settings

soumyaroy13336/webdesk

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 

Repository files navigation

fork issue star Generic badge Website shields.io Open in Visual Studio Code

📘 WEBDESK

Smart Classroom System for efficient virtual learning. It facilitates multiple necessary and useful features under one roof.
Live demo ▶

📋 Table of Contents

✌️ About

Nowadays in the age of online learning both the student’s and teacher’s smartphone getting filled with tons of study related apps. There is a need of one application that provides multiple necessary features under one roof. Webdesk does this for you and it keeps all study related stuffs organised at one place.

Also nowadays school/college related stuffs getting messed with the personal life of teachers or faculty, this application solves this issue to a large extend by enabling a single window for teachers and faculty to manage all school/college related stuffs.

📷 Screenshots

🗝️ Key Features

  • A dashboard with all recent stuffs
  • Study material & notes sharing platform.
  • Task & assignment assign and submission platform.
  • Online classes & group discussion hosting platform.
  • Doubt asking platform.
  • Up to date class schedule.

📦 Technology Stack

React
Scss
NodeJS
Express.js
MongoDB
WEBRTC
Socket.io

Tools used

Figma
Netlify
Heroku

✨ Wow Factors:

  • Modern and minimal Design
  • Mobile Responsive
  • Admin specific features for teachers & faculty
  • Multiple form validations and error checking
  • Downloadable PWA(Progressive Web App)

📅 Future Work:

  • Improve performance
  • stable video conferance
  • scaling video meetings to more members
  • adding more convineant option in meeting

🐱‍👤 Contributors:

.env setup:

Backend setup:
REACT_APP_FIREBASE_API_KEY = "your_firebase_apikey"
REACT_APP_FIREBASE_MESSAGING_SENDER_ID = "your_firebase_messaging_sender_id"
REACT_APP_FIREBASE_APP_ID = "your_firebase_appid"
REACT_APP_PROXY_URL = "your_backend_server_url"
REACT_APP_SOCKET_SERVER_URL = "your_socket_server_url"

Frontend setup:
MONGO_URL = 'your_mongodb_url'
PORT = '8000'
CRYPTOJS_SECRET_KEY = 'your_cryptojs_key'
JWT_SECRET_KEY = 'your_jwt_secret_key'
REACT_APP_SOCKET_SERVER_URL = 'your_socket_server_url'

Testing Account:

username : [email protected]
password : test1234

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 77.3%
  • SCSS 22.1%
  • Other 0.6%