https://github.com/shahsad-kp/learnease-client
A powerful virtual classroom application built with React, WebRTC, JWT token, WebSockets, and Tailwind CSS. Engage in seamless video conferencing, real-time collaboration, and secure authentication. Elevate your virtual learning experience today!
https://github.com/shahsad-kp/learnease-client
canvas chat chat-application classroom dark dark-mode dark-theme jwt live-chat react react-redux reactjs redux screenshare tailwind tailwindcss videocall virtual-classroom webrtc whiteboard
Last synced: 3 months ago
JSON representation
A powerful virtual classroom application built with React, WebRTC, JWT token, WebSockets, and Tailwind CSS. Engage in seamless video conferencing, real-time collaboration, and secure authentication. Elevate your virtual learning experience today!
- Host: GitHub
- URL: https://github.com/shahsad-kp/learnease-client
- Owner: shahsad-kp
- Created: 2023-06-12T10:47:00.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-08-28T13:07:57.000Z (about 2 years ago)
- Last Synced: 2025-04-14T12:57:06.054Z (6 months ago)
- Topics: canvas, chat, chat-application, classroom, dark, dark-mode, dark-theme, jwt, live-chat, react, react-redux, reactjs, redux, screenshare, tailwind, tailwindcss, videocall, virtual-classroom, webrtc, whiteboard
- Language: JavaScript
- Homepage: https://learnease.tech
- Size: 12.5 MB
- Stars: 15
- Watchers: 1
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# LearnEase - Frontend
### 🚀 About LearnEase
_LearnEase is an innovative virtual classroom application that takes video conferencing to the next level! With a focus on creating an engaging and interactive learning environment, LearnEase offers a plethora of exciting features designed to enrich the teaching and learning experience._
## Features
- Group Video: Engage in real-time video chats.
- Live Whiteboard: Foster creativity and dynamic lessons.
- Screenshare: Seamless sharing of multimedia content.
- Live Chat: Encourage interactive discussions.
- Document Sharing: Access study materials effortlessly.
- Teaching Activities: Make learning enjoyable and impactful.
- Grades: Track student progress efficiently.
- JWT Auth: Secure and protected virtual environment.
- Light/Dark Mode: Personalize your learning experience. 🚀📚
## Installation and Setup
#### 1 Prerequisites:
- Make sure you have Node.js and npm (Node Package Manager) installed on your system. You can download and install them from the official Node.js website: https://nodejs.org/
#### 2 Clone the Repository:
- Open your terminal or command prompt.
- Change the current working directory to where you want to store the LearnEase project.
- Run the following command to clone the frontend repository:
```bash
git clone https://github.com/shahsad-kp/LearnEase-Client.git
```
#### 3 Install Frontend Dependencies:
- Change the current working directory to the project's frontend folder (e.g., LearnEase-Client).
- Run the following command to install the frontend dependencies:
```bach
npm install
```
#### 4 Environment Variables:
- Refer [environment variables](https://github.com/shahsad-kp/LearnEase-Client#environment-variables) for setting up the required environment variables for the LearnEase frontend.
#### 5 Start the Development Server (Frontend):
- After the dependencies are installed, start the frontend development server by running the following command:
```bash
npm run dev
```
- This will build the frontend and open the development server at http://localhost:5173 (or another available port if 3000 is already in use).
### Deploying the Backend
Before deploying your application, make sure to set up the backend server on your hosting platform. Ensure that you have all the necessary configurations, such as database connection settings, environment variables, and security measures in place.
For backend deployment, please refer to the backend repository for instructions and deployment guides:
[LearnEase Backend Repository](https://github.com/shahsad-kp/LearnEase-Server)
## Environment Variables
To run this project, you will need to add the following environment variables to your .env file and store it in the root directory of the project:
`VITE_BACKEND_URL`
`VITE_WEBSOCKET_URL`
## Feedback
If you have any feedback, please reach me at shahsadkpklr@gmail.com or connect me at [LinkedIn](https://www.linkedin.com/in/shahsad-kp/)
## Support
Show your support by 🌟 the project!!