CLOSER (Smart virtual Classroom ) 
Tags: react, node, mongodb
Published: 2021-09-06 01:14:25

<!-- Logo -->
<p align="center">
  <a href="https://closer-classroom.herokuapp.com/">
    <img height="150" width="320" src="https://firebasestorage.googleapis.com/v0/b/smart-closer.appspot.com/o/1620185282927-closer.png?alt=media">
  </a>
</p>

<!-- Name -->

<h2 align="center" >
  Learn whatever you want :closed_book: without leaving home :wedding:.
</h2>

<!-- Badges -->
<p align="center">
  
</p>

## :computer: Try it out

You can try out CLOSER at
[`https://closer-classroom.herokuapp.com/`]https://closer-classroom.herokuapp.com/)

## :mega: About Closer

Closer Smart Virtual Classroom is A collaborative web conferencing tool with an online whiteboard, 
breakout rooms, and screen sharingcapabilities for teachers and tutors who want to conduct highly 
interactive live online teaching sessions

## :rocket: Main Features

- **Online whiteboard** : Share with your participants various types of learning resources on the whiteboard and discuss them during your live sessions. Engage your         participants in different collaborative activities using the tools for creating, editing and presenting learning content.
- **Video-conference** : See and hear your up to 2 participants simultaneously and experience an interaction which is very similar to face-to-face training.
- **Screen-sharing** :Demonstrate additional software and multimedia applications by sharing your screen with the participants.
- **Recording** : Monitor the work of the tutors in your organisation, analyse your own performance or encourage your learner to revise the learning content by watching     the past sessions’ interactive playback.
- **Post to the class stream** : Posts information or a question that you add to the class stream, Comment response to a post or comment, Reply response to a comment         that mentions the person who made that comment, Mention classmates or teacher in your post and finally upload file in your post (PDF, Picture …).
- **Courses** : You can add a new course to the class, also u can Modify/Delete/Display it.


## :wrench: Installation & Usage

- Clone the Master branch
- Go to Client directory by typing "cd Client" and run "npm install"
- Go to Server directory by typing "cd Server" and run "npm install"
- Run "node server.js" in the server directory
- Run "npm run start" in the client directory
- Go to http://localhost:3000 and Enjoy ;)

## :bulb: Devoloped With MERN stack

<p align="center">
  <img height="50" src="https://www.alioze.com/wp-content/uploads/2016/11/react-js.png" />
  <img height="50" src="https://upload.wikimedia.org/wikipedia/commons/d/d9/Node.js_logo.svg" />
  <img height="50" src="https://miro.medium.com/max/6668/1*XP-mZOrIqX7OsFInN2ngRQ.png" />
  <img height="50" src="https://framalibre.org/sites/default/files/leslogos/mongodb-logo.jpg" />
</p>

- React Js 
- Node Js 
- Express Js 
- Mongo Db 



## :pencil: Credit

Created by <a href="https://firebasestorage.googleapis.com/v0/b/smart-closer.appspot.com/o/1620185280095-logo%20nolimit.png?alt=media"><img height="17" width="25" src="https://firebasestorage.googleapis.com/v0/b/smart-closer.appspot.com/o/1620185280095-logo%20nolimit.png?alt=media" /> NoLimits</a> Team and an amazing community of [contributors][20].

Blazing deployments by <a href="https://www.heroku.com"><img height="12" width="14" src="https://atomrace.com/blog/wp-content/uploads/2016/02/heroku-logo-trans.png" /> Heroku</a>.

[20]: https://github.com/louayyahyaoui/Smart-Virtual-Classroom/graphs/contributors

## :man_astronaut: Show your support

Give a ⭐️ if this project helped you!