• @Natalia-García

Esta aplicación permite al usuario empleado generar un código QR correspondiente a un enlace con la información de su identificación o correo electrónico al igual que obtener su localización al momento de acceder a su cuenta. El usuario administrador tiene la posibilidad de adicionar empleados a los ya existentes, adicionar sedes y generar una tabla donde entrelace o correlacione cada empleado existente a una sede existente. Por medio de la información anterior el administrador podrá verificar por medio de la lectura del código QR un E-mail único de cada empleado y si éste se encuentra en la base de datos existente.De igual forma el administrador podrá verificar si la ubicación obtenida esta cerca de alguna sede existente designada a dicho empleado.

• Node.js
• React
• Material UI
• React Context
• React Router
• Hooks: UseLocalStorage
• LocalStorage

• Responsive Landing Page
• Toda la información es guardada en el Local Storage

1. Langing Page

2. Login o Acceso para el Empleado

3. Cuenta del Empleado

-Al ingresar el correo electrónico y contraseña, el empleado recibe una notificación donde se confirma la generación del código QR. Como se puede verificar en el código, se almacena el email logeado en un estado y se adiciona al enlace generado.A manera de ejemplo puede ser llamado dicho valor utilizando UseParams hook y es pintado en la consola.En el caso de que el Administrador quisiera implementar una lectura automática de todos los correos y luego por medio de una función Find() verificar si ese correo existe dentro de la base de datos, podría negar o permitir el acceso a un empleado a una sede determinada por la identificación única de dicho correo.

4. Cuenta del Administrador

4.1. Lista de los Empleados -El administrador puede crear nuevos empleados, así como también eliminar empleados existentes.

4.2. Lista de las Sedes -El administrador puede crear nuevas sedes, así como también eliminar sedes existentes.

4.3. Tabla de Cruce de Sedes por Empleado
-Las tablas Lista de Empleados y Lista de Sedes existen si y sólo si, el administrador puede luego hacer un cruce entre sede y empleado. De esta forma el Autocomplete sólo permitirá que el administrador seleccione los empleados y sedes que esten contenidos en dichas tablas para evitar errores de gestión administrativa. Esta tabla de entrelazamiento sede-empleado será vital al momento de realizar la verificación de identificación del empleado y la sede que le corresponde.

https://check-in-with-qr.vercel.app/

First, fork this repository.

# Clone the starter code
git clone https://github.com/<your-username>/check-in-with-qr.git 
# Install the project's dependencies
yarn install

This project was bootstrapped with Create React App.

To run the app, run:

yarn start

Runs the app in the development mode.
Open https://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.