Website del proyecto: https://rimac-seguro-vehicular.vercel.app/
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,
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
- Creacion de pagina, Componentes y estilos basicos
- Agregacion de Servicios API
- Authenticacion usuario usando React Context
- Añadir React Router Dom
- Mejorar los estilos
- Debemos tener actualizado npm y node
- Clonamos el proyeco en una carpeta
- Entramos en la carpeta del proyecto
- Corremos el comando npm install dentro del proyecto
- Corremos el comando npm start dentro del proyecto
- Buscamos localhost:3000 en nuestro navegador, ya sea el que react nos indique o el que tengamos asignado.
- Si tu DNI se repite entonces la API te devolvera tu nombre pero con un carro distinto
- Si tu DNI, el numero de telefono y el numero de placa coinciden entonces te mostrara todos los datos del perfil anteriormente creado.
- React Router Dom: Fue utilizado para simular navegacion entre paginas web por medio del URL
- Sass
- Postman
- Heroku
- 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.
- 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
- 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,
- Gracias al proyecto aprendi a levantar una fake API basica, adquiri conocimientos en Postman y descubri mas funcionalidades de sass.
- Actualmente me encuentro haciendo Code Review del proyecto para identificar si hay alguna oportunidad de mejora.