first contribution (#96)

Added QR Gate pass

ReactJS/Gate-pass-with-QR/.gitignore

@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

ReactJS/Gate-pass-with-QR/README.md

@@ -0,0 +1,18 @@
+# Here is the explanation & screenshorts of working<br>
+
+I have made an employee card ,that contains some basic details. There is a QR at the below of the card. Scan the QR & if you are scanning it at 10 AM or between 12 Am-10 Am,you can see the message 'Welcome to work!" within an alert box. By any chance if you are late by 1 or more minutes then you can see the message "Sorry, you are late!" .The QR code functionality leverages the moment-timezone library to accurately determine the time in the specified timezone (Asia/Kolkata).Upon scanning the QR code, the system checks the current time and displays the appropriate alert message based on the conditions mentioned above.
+
+
+
+![image](https://github.com/user-attachments/assets/0965cbff-f5f3-4ae1-829b-b4b73dedd752)
+
+![image](https://github.com/user-attachments/assets/44d9e185-60d7-46f5-a0de-73307d1f569c)
+
+
+![Screenshot 2024-07-15 002631](https://github.com/user-attachments/assets/6c115b62-74e7-415b-8e42-8adaa03d72bf)
+
+
+
+
+https://github.com/user-attachments/assets/557c858a-57ae-4687-80bd-438ce0c5db3d
+