GithubHelp home page GithubHelp logo

frontend-test's Introduction

Prueba de Desarrollo Front End

Introducción

El tiempo que tienen para desarrollar la prueba es de 2 días

Esta es la prueba técnica que hemos preparado en Bamba®, es hora de mostrar tus conocimientos y sorprendernos.

Los aspectos que se evaluarán en la tarea son los siguientes.

  • Calidad en el código.
  • Creatividad.
  • Dominio de las tecnologías que decidan utilizar.
  • Atención al detalle.

Instrucciones

El siguiente ejercicio debe desarrollarse haciendo uso de alguno de los siguientes Herramientas:

  • React
  • VueJs

Ejercicio

  1. Haz fork del repositorio

  2. Maquetación: Deberás traducir el diseño ubicado en assets/mockups/ a una SPA. En la carpeta assets/img/ encontraras todas las imagenes necesarias para la aplicación la aplicación.

  3. La aplicación deberá ser desarrollada teniendo en cuenta la filosofía Mobile First

  4. El formulario deberá tener las siguientes validaciones:

    • Nombre - requerido
    • Apellido Paterno - requerido
    • Apellido Materno - requerido
    • Genero - requerido
    • Celular - requerido, 10 dígitos,solo números
    • Email - requerido, correo válido
    • Fecha de nacimiento - requerio, no debe ser mayor a 60 años
  5. SEO Friendly: Bamba busca siempre tener una buena posición en ránkings de búsqueda. Crear etiquetas necesarias para un buen SEO (hint: use las keywords: crédito,bienestar,seguridad). Opcional: agregar etiquetas para redes sociales (hint: http://ogp.me).

  6. Advanced CSS: Puede usar frameworks a elección para escribir CSS (hint: bootstrap)teniendo en cuenta la compatibilidad con distintos browsers (hint opcional: Usar BrowserStack para chequear el renderizado en distintos navegadores).

  7. Al finalizar la aplicación subela a un repositorio en tu cuenta de Github y envía un Pull Requesta este repositorio

  8. En el archivo README deberás agregar:

    • Pasos para correr la aplicación en local
    • Listado con las versiones de Node y Npm necesarias.
    • Aspectos que consideres importante para la ejecucíon de la aplicación

Se darán puntos extras si utilizas

  • Utilizas sass
  • La usabilidad en móvil es muy buena
  • Pruebas automatizadas

Consideraciones Técnicas

  1. El enpoint al que tendrás que enviar la información del formulario es el siguiente:
https://60a8622120a6410017305acd.mockapi.io/api/v1/user
  1. Las propiedades que recibe el endpoint son las siguientes
{
    'name': 'Nicola',
    'lastname': 'Tesla',
    'secondLastname': 'Mandic',
    'gender': M,
    'cellphone': '5554762134',
    'birthdate': '1986-09-21'
}

Contacto

Si en el transcurso del desarrollo de la prueba tienen alguna duda pueden escribirme un correo electrónico a [email protected] y me comunico con ustedes para apoyarles.

frontend-test's People

Contributors

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