Prizes - Copy this React, Tailwind Component to your project
Desarrollar-un-proyecto-web-la-cual-funcionaria-de-manera-de-registro-de-participantes-y-que-estos-puedan-participar-en-una-ruleta-la-cual-contendrán-un-listado-de-premios-de-manera-aleatoria-y-que-sea-configurable-por-nosotros-mismos.-Para-esto-necesitamos.-1)-Crear-un-formulario-en-donde-podamos-registrar-las-informaciones-del-participante-en-una-base-de-datos.-Esta-captura-tendrá-las-informaciones-del-participante-tales-como:-a.-Nombre-b.-Apellido-c.-Sexo-i.-Masculino-ii.-Femenino-d.-Fecha-de-nacimiento-(Para-participar-debe-de-ser-mayor-de-18-años,-de-lo-contrario-que-el-sistema-no-le-permita-registrarse).-e.-Cedula-de-Identidad-f.-Correo-Electrónico-g.-Numero-de-Teléfono-h.-Ciudad-de-nacimiento-2)-Una-vez-registrado-el-participante,-el-sistema-deberá-de-enviar-una-alerta-con-sweetalert-en-donde-indique-que-el-participante-de-nombre-(XX)-ha-sido-registrado-satisfactoriamente.-3)-Una-vez-registrado-el-participante-y-que-cumpla-con-el-control-de-mayoría-de-edad,-el-sistema-debe-de-ir-a-la-pantalla-en-donde-presentaremos-una-ruleta-con-los-diferentes-premios-ya-configurados-y-un-botón-llamado-GIRAR-en-donde-el-participante-podrá-darle-clic-al-botón-para-poder-seleccionar-un-premio-dentro-de-la-ruleta-ya-configurado.-Cada-participante-tiene-una-oportunidad-de-girar-la-ruleta,-siempre-y-cuando-no-salga-el-premio-Volver-a-Intentarlo,-si-sale-esta-opción-el-participante-podrá-volver-a-girar-la-ruleta-y-seleccionar-otro-premio-dentro-de-la-ruleta,-pero-si-no-sale-esta-opción-en-su-primer-intento,-el-sistema-seleccionara-un-premio-en-donde-se-registrara-el-participante-y-el-premio-que-le-salió-y-de-inmediato-se-deshabilitara-el-botón-de-GIRAR.-4)-La-ruleta-debe-de-tener-un-color-diferente-en-cada-una-de-las-opciones-o-premios-que-se-configure,-además-debe-de-presentarse-en-el-centro-de-la-pantalla-y-que-se-muestre-en-texto-grande-el-premio-que-se-ganó,-por-ejemplo,-debe-de-presentar-una-pantalla-diciendo:-a.-El-nombre-y-apellido-del-participante-b.-El-premio-que-salió-en-la-ruleta.-5)-El-sistema-debe-de-tener-un-header-en-la-parte-de-arriba,-en-donde-presentaremos-el-logo-de-la-institución-(imagen)-y-un-menú-con-las-opciones-de-a.-Portadas-(Pantalla-en-donde-presentaremos-las-informaciones-del-sistema-y-las-reglas-del-mismo)-b.-Registro-Nuevo-(Para-poder-ir-a-formulario-de-registro-de-participante)-c.-Salir-del-sistema-6)-El-sistema-debe-de-tener-un-botón-para-enviar-a-registrar-otro-participante-nuevo-7)-El-sistema-debe-de-tener-una-pantalla-en-donde-podamos-ver-el-listado-de-los-participantes-y-que-premio-se-ganaron.-Queremos-ver-los-códigos-de-desarrollo-de-esta-aplicación,-en-PHP,-CSS,-HTML,-JavaScript,-Bootstrap,-otros
