completed setting up views and generating roomid currently coding for…

… room

.gitignore

@@ -0,0 +1 @@
+/node_modules

README.md

@@ -1,4 +1,18 @@
-# Google Meet Clone 
+# Google Meet Clone
 
-For this purpose, plan is to try using a MongoDB, Express.js framework, and scoket.io for real-time events. Firstly, had plans to make 
+For this purpose, plan is to try using a MongoDB, Express.js framework, and scoket.io for real-time events. Firstly, had plans to make
 a real-time chat app but later thought of extending this project to a complete google meet clone.
+
+# Action Plan:
+
+Firsly, The Frontend of the Home Page is made with html (Yeah, Very Very Silly. i was learning react when i was building this so didn't want to experiment).Lollll.
+
+- I first made the Homepage
+- Initialized Nodejs Project
+- create a room view (i used ejs for this project though generally i use pug. just wanted to try out ejs.)
+- Creating a room id using uuid package.
+- Added the feature of viewing our own video first
+- Added the feature to allow others to stream their videos
+- Styling the room to match google meet
+- Ability to send and recieve messages
+- Adding buttons in the video chat Ex: Mute/unmute, video on/off

public/index.html → index.html

@@ -72,15 +72,17 @@
         </div>
 
         <div class="meetingControls">
-          <button class="startmeeting">
-            <img class="videoicon" src="./assets/videocall.svg" />
-            <div class="meetbuttontext">New meeting</div>
-          </button>
-
-          <div class="meetingcodefield">
-            <input id="meetingcode" placeholder="Enter a code or link" />
-          </div>
-
+          <form action="http://localhost:3000/room" method="GET">
+            <button class="startmeeting">
+              <img class="videoicon" src="./assets/videocall.svg" />
+              <div class="meetbuttontext">New meeting</div>
+            </button>
+          </form>
+          <form action="" method="GET">
+            <div class="meetingcodefield">
+              <input id="meetingcode" placeholder="Enter a code or link" />
+            </div>
+          </form>
           <div class="divider"></div>
         </div>
       </div>