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
- Langing Page
- Login o Acceso para el Empleado
- 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.
- 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 http://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.