Giter Site home page Giter Site logo

jenniferjara / lyft-demo Goto Github PK

View Code? Open in Web Editor NEW
0.0 2.0 0.0 1.16 MB

Maquetación y diseño responsive de la aplicación Lyft. Sistema de registro y verificación de usuario, a través de la comprobación del código enviado.

Home Page: https://jenniferjara.github.io/lyft-demo/

CSS 4.09% HTML 13.08% JavaScript 82.83%
html5 css3 javascript jquery bootstrap3 responsive-design responsive-web-design google-maps google-maps-api

lyft-demo's Introduction

Proyecto "Lyft"

Lyft es una aplicación de servicio de taxi a través de dispositivos móviles.

Con titulo


Descripción del proyecto:

La aplicación muestra el proceso de registro del usuario y la verificación de los datos proporcionados.

Flujo del Proyecto:

Vista del home:

Esta vista es donde se da opción al usuario de registrarse.

Vista del log-in:

El usuario ingresa su número telefonico y se envía un mensaje de texto con el código aletorio. (en este caso saldrá un ventana emergente.)

Vista de verificación:

En esta vista se verifica el código que se envió al usuario, pues este debe ser ingresado. Si este coincide con el dado, el botón "next" se activa. El usuario tiene la opción de pedir un nuevo código mediante el botón de reenvío. Una vez que el código este verificado, el botón "next", muestra la vista de registro.

Vista de resgistro:

El usuario ingresa sus datos: nombre, apellido y correo electrónico. Los inputs se encuentran deshabilitados a menos que se llene el anterior correctamente. Además el usuario debe marcar un checkbox, mediante el cual acepta las condiciones de Lyft. Una vez todos los campos estén llenados correctamente el botón "next" se activa y lleva al usuario a la siguiente vista.

Vista del mapa:

En esta vista tenemos el mapa de google con la ubicación actual del usuario, ademas tenemos un input donde podemos ingresar la direccion hacia donde queramos dirigirnos luego de dar click en el botón 'set pickup'.


Herramientas utilizadas:

  1. HTML5

  2. CSS3

  3. Javascript

  4. jQuery

  5. Bootstrap.

lyft-demo's People

Contributors

jenniferjara avatar

Watchers

James Cloos avatar  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.