Giter Club home page Giter Club logo

rimac-seguro-vehicular's Introduction

Rimac seguro vehicular - Johan Segura

Rimac seguro vehicular cumple todas las funcionalidades esperadas por parte de la evalucacion. Tendras la capacidad de logearte gracias a una API como usuario nuevo o usuario existente, dependiendo de tu numero de DNi y tu numero de Placa. Asimismo, puedes elegir el plan de coberturas y monto asegurado que mas se ajuste a ti. Por utimo, los datos persisten hasta las pagina de Gracias.

Deploy del proyecto en Vercel,

API

Cree una Fake API basica alojada en Heroku para este proyecto. Capaz de ejecutar los Metodos API rest pero no persiste los datos si deja de recibir llamadas.

API: https://my-rimac-seguro-vehicular-api.herokuapp.com/users

API-repositorio: https://github.com/yamathe5/rimac-seguro-vehicular-api

Division de tareas

Se dividio el trabajo en ramas

  1. Creacion de pagina, Componentes y estilos basicos
  2. Agregacion de Servicios API
  3. Authenticacion usuario usando React Context
  4. Añadir React Router Dom
  5. Mejorar los estilos

Levantar el proyecto

  1. Debemos tener actualizado npm y node
  2. Clonamos el proyeco en una carpeta
  3. Entramos en la carpeta del proyecto
  4. Corremos el comando npm install dentro del proyecto
  5. Corremos el comando npm start dentro del proyecto
  6. Buscamos localhost:3000 en nuestro navegador, ya sea el que react nos indique o el que tengamos asignado.

Funcionalidades Extra

  1. Si tu DNI se repite entonces la API te devolvera tu nombre pero con un carro distinto
  2. Si tu DNI, el numero de telefono y el numero de placa coinciden entonces te mostrara todos los datos del perfil anteriormente creado.

Librerias o Dependencias adicionales

  • React Router Dom: Fue utilizado para simular navegacion entre paginas web por medio del URL

Recursos Utilizados

  • Sass
  • Postman
  • Heroku

Detalles del proyecto

  1. La API simula un servidor externo y tiene los metodos API REST pero al cabo de un tiempo se borra esta data y se mantiene la de repositorio de github.
  2. La indicacion nro.2 en la pagina arma-tu-plan se implemento segun lo indicado, pero el usuario aun tiene la posibilidad de marcar o desmarcar esta cobertura. El detalle es saber si esta cobertura se encuentra desbloqueada para marcar en cualquier momento, o si solo se agrega o desagrega cuando se supera el monto asegurado a 16000

Apreciacion del proyecto

  1. El proyecto ha sido entretenido y algo retador, este proyecto me ayudo a mejorar mis habilidades usando y pasando props, render de componentes con el iterador map, en que situaciones aplicar el React Context y uso de React Router Dom,
  2. Gracias al proyecto aprendi a levantar una fake API basica, adquiri conocimientos en Postman y descubri mas funcionalidades de sass.
  3. Actualmente me encuentro haciendo Code Review del proyecto para identificar si hay alguna oportunidad de mejora.

rimac-seguro-vehicular's People

Contributors

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