DEV Community

Cover image for Room
Liu Yongliang
Liu Yongliang

Posted on

Room

Overview of My Submission

Application URL

https://room.notawake.co/

Summary

A simple Web App to allow your students/event participants to "take a seat" virtually so that you, the instructor, can see their name and their location in the room.

Submission Category:

Choose Your Own Adventure

Service used

MongoDB Atlas

Link to Code

GitHub logo tlylt / room

A simple Web App to allow your students/event participants to "take a seat" virtually so that you, the instructor, can see their name and their location in the room.

Overview

When teaching a class of over 20 students, it may not be easy to learn their names immediately. Given that we do not always have access to a reference sheet with the student's name and their photo, an alternative is to have a reference of the student's name and where they are in the classroom. This project does just that!

Functionalities

  • Anyone can easily create a room with a room name and a password (to identify the room admin)
  • Anyone can easily join a room with the room link or from the list of rooms in the home page
  • Anyone can easily leave a room (just close the browser)
  • In a room, one can choose to "sit" at a spot that mirrors his/her actual location in the classroom
  • In a room, one can choose to "leave" the previous spot to switch to another spot
  • The room admins can remove…

Additional Resources / Info

Screenshot

Main Page:
Screenshots
Individual Room Page:
Screenshots
Screenshots

Demo

gif
gif

Thoughts

I had a lot of fun hacking(and debugging πŸ˜‚) this together in a day:)

Top comments (1)

Collapse
 
timonvogel profile image
Timon Vogel

I actually really like this project!