Skip to content

natagr23/check-in-with-qr

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

50 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Check-in with QR

Aplicación para gestionar la entrada de empleados mediante el uso de códigos QR

App to manage employee entry by using QR code

Author

Descripción

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.

Tecnologías implementadas

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

Características

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

Vistazo a la página web

  1. Langing Page

Landing Page

  1. Login o Acceso para el Empleado

Employee Login

  1. 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.

Employee Account

  1. Cuenta del Administrador

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

Employee List

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

Locations List

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.

Junction List

Deploy

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

Prerequisites

Setup

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

Running the App

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.

About

App to manage employee entry by using QR code

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published