Skip to content

NishiAicchi/reto-codigo-lyft

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

RETOS DE CODIGO: LYFT

Sprint 03 - unidad 03:
Agiliza tu Desarrollo

Segundo Reto:
LYFT por Aylin Espichan


Como el mundo no se detiene y nosotras tampoco, este reto consiste en desarrollar una web-app donde se replique el sitio web de Lyft donde nuestros usuarios puedan registrarse para hacer uso de este servicio.

La vista Inicial debe contar con:

  • Un Splash con duración de 2 a 5 segundos que redirecciona a tu vista de inicio. La vista tambíen debe incluir dos botones: LOG IN y SIGN UP.

splash

En la siguiente vista tenemos un formulario donde nuestro usuario puede escoger el país y debe ingresar su número de teléfono. El botón de NEXT debe estar deshabilitado hasta que se ingrese un número de 10 dígitos.

ingreso-numero

Una vez ingresado el número de teléfono se habilita el botón y al dar click debe enviar una alerta con un código generado aleatoriamente (LAB-000) y redireccionar a la siguiente vista.

generacion-codigo

En esta vista se debe ingresar el código dado anteriormente y una vez hecho esto se habilita el botón que redirecciona a nuestro usuario a la vista donde ingresa sus datos. (Puede tener la opción de enviar otro código.)

verificacion-numero

Para ingresar sus datos necesitamos un formulario que le pida su nombre, apellido y correo electrónico. Deberá también tener un checkbox para que se acepten los términos y condiciones del servicio.

ingreso-datos

Ya que se ha realizado lo anterior, sólo se deberá mostrar una vista al usuario que le indique que ha concluido con el registro exitosamente.

final

Herramientas Utilizadas:

  • HTML
  • CSS
  • JQUERY
  • BOOTSTRAP

Formula para generar el codigo de verificación:

Utilice dos propiedades: Math.Floor & Math.Random

 Math.floor(Math.random() * 800) + 100;