codepert / class-mern

Constructed the front-end architecture of the classConnect project, which aims to build connections between teachers and students, increase class participation, and collaborate for meaningful bonds due to COVID-19.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

logoSmall

Class Connect

An innovative and interactive app for classrooms! Integrated with VideoSDK's Github repository for video conferencing.

Technologies

React Vite TailwindCSS NodeJS MongoDB Express.js



Video Demonstration

https://youtu.be/2uBh8MiG7jk



Integrated with VideoSDK

Video conferencing feature implemented via: https://github.com/videosdk-live/videosdk-rtc-react-sdk-example


For Developers

DOTENV

Copy the .env.local.example file in your project's root directory, rename it to .env, and replace placeholder values with your actual configuration. Please reach out to the Slack channel, @sasszz or @jchodon for the values.


Installation

Please run npm install in both client and parent directories separately. Two terminals will be needed.


Running Locally

Will require two terminals open and running simultaneously for server and client.

Start the server in dir://classroom-connect-mern [PARENT DIRECTORY]

npm install
node server.js

Start the frontend in dir://classroom-connect-mern/client [CLIENT FOLDER]

npm install
npm run dev

Gif Wireframes

part1demo ]avatardemo


About the Project

Built in collaboration with fellow coders in the pursuit of developing the future of technology.

GirlDevelopIt, GDI, is a national nonprofit organization that creates welcoming, supportive opportunities for women and non-binary adults to learn software development skills. Please join or support this wonderful organization, or click the link to learn more!

gdi_hackathon_2023

About

Constructed the front-end architecture of the classConnect project, which aims to build connections between teachers and students, increase class participation, and collaborate for meaningful bonds due to COVID-19.


Languages

Language:JavaScript 91.6%Language:TypeScript 5.4%Language:CSS 2.8%Language:HTML 0.2%