Prueba Técnica: E-commerce Profesional con React.js

[LiwGar]

Hola!

El reto para esta pruba tecnica fue, el de implementar Local Storage en un Ecommerce profesional para completar el flujo de compra de los usuarios. Completando los siguientes requisitos.

• Entregar una prueba técnica con excelencia y siguiendo buenas prácticas.
• Proteger rutas privadas con las órdenes de compra de los usuarios.
• Conectar FormData con React Context en el estado global de la app.
• Crear vistas dinámicas para la autenticación.

Estos son los pasos que se realizaron:

• Agregar key de account y sign-out en localStorage.
• Agregar funcionalidad que muestre ciertos elementos en el Navbar dependiendo del valor de la key de sign-out en LocalStorage y Maquetación de la página de SignIn.
• Agregar funcionalidad para saber si el usuario tiene cuenta o no para mostrar los datos y habilitar/deshabilitar botones.
• Agregar estado local para mostrar la vista de crear cuenta o de hacer log in.
• Agregar vista de Creación de Usuario y capturar info del form.
• Agregar info de la creación de usuario al Local Storage y al estado global y hacer Sign In (sign-out en false).
• Agregar otro enrutamiento dependiendo si el usuario está o no signed in.
• Agregar componente de Shopping Cart.
• Agregar página de MyAccount mostrando datos y editándolos.
• Agregar detallitos finales en Navbar y Card.

Muchas Gracias Platzi.