Skip to content

Sprint 03 - Frontend Lyft Mobile. Ejercicio de que replica de web app de Lyft que permite el registro de un usuario por medio de su número telefónico.

Notifications You must be signed in to change notification settings

elzbeth/Sprint03-LyftMobile

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Lyft Mobile

lyft

  • Track: Common Core
  • Sprint 03: JQuery
  • Unidad: 04

Objetivo

Desarrolla una web-app que replique el sitio de Lyft, en este reto se debe cumplir los pasos necesarios para que el usuario pueda registrarse.

Requisitos.

Vista splash con duración de 2 a 5 segundos que redirecciona a tu vista de inicio. La vista de inicio cuenta con dos botones, en esta ocasión seguiremos el flujo de SING UP.

start

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.

phone-number

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.

lab-code

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

verify

Para ingresar sus datos se necesita 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.

user-data

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.

registered

NOTA: Todas las vistas deben de contar con una manera de regresar a la vista anterior

Flujo de trabajo

  1. Establecer estructura de carpetas con los archivos necesarios para el proyecto.

  2. Escribir pseudo código para identificar funcionalidad requerida.

  3. Realizar el marcado del contenido en un archivo html.

  4. Desarrollar funcionalidad.

  5. Establecer estilos en archivo css.

  6. Aplicar los principios de diseño responsive (media queries) para conseguir el objetivo del ejercicio.

  7. Crear archivo README.

  8. Subir a repositorio Git y crear GHpage correspondiente.

Consideraciones

About

Sprint 03 - Frontend Lyft Mobile. Ejercicio de que replica de web app de Lyft que permite el registro de un usuario por medio de su número telefónico.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published