Giter Club home page Giter Club logo

lyft-app's Introduction

Lyft-App

Lyft-App es una aplicación que le permite al usuario registrarse para poder usar el servicio de transporte ofrecido. Está basada en el sitio de la compañía norteamericana Lyft.

image

Desarrollado para

Laboratoria

forthebadge forthebadge forthebadge forthebadge forthebadge

Herramientas Tecnológicas Empleadas

  • HTML
  • CSS
  • Gryd System
  • Responsive Web Design
  • Bootstrap
  • jQuery / Javascript

Flujo de la Aplicación

Vista splash con duración de 2 a 5 segundos que redirecciona a la vista de inicio. La vista de inicio cuenta con dos botones, pero solo se sigue el flujo de SIGN UP.

Splash

En la siguiente vista tenemos un formulario donde el 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.

Vista Sign Up

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.

Vista Sign Up - Botón deshabilitado

En esta vista se debe ingresar el código dado anteriormente y una vez hecho esto se habilita el botón que redirecciona al usuario a la vista donde ingresa sus datos.

Vista Verify

Para que el usuario ingrese sus datos existe un formulario que le pedirá su nombre, apellido y correo electrónico. También hay un checkbox para que se acepten los términos y condiciones del servicio.

Enter Personal Information

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.

Closing

A tener en cuenta

  • Se debe cumplir los pasos necesarios para que los usuarios puedan registrarse.
  • Todas las vistas deben de contar con una manera de regresar a la vista anterior.

lyft-app's People

Contributors

araceligs avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.