Tecnología Ecommerce

Aplicación de ecommerce de productos tecnológicos desarrollada con React y Firebase, con catálogo dinámico, carrito de compras y generación de órdenes de compra.

React.js

Next.js

TypeScript

Tailwind Css

Stripe

Sobre este proyecto

Aplicación web de comercio electrónico enfocada en productos tecnológicos. Permite a los usuarios navegar por un catálogo de productos, visualizar detalles individuales, añadir artículos al carrito y finalizar la compra mediante un formulario con validación. El sistema genera un identificador único de pedido y almacena la información en una base de datos en la nube

Características principales

Catálogo dinámico de productos tecnológicos cargados desde Firebase/Firestore.

Detalle de producto individual con información completa y opción de compra.

Carrito de compras: agregar, eliminar y actualizar cantidades de productos.

Formulario de checkout con validación de datos del cliente.

Skeletons de carga para mejorar la experiencia de usuario mientras se cargan productos o vistas.

Generación de orden con ID único y guardado en Firestore.

Pasarela de pagos Stripe Checkout integrada para procesar pagos reales.

Webhook de Stripe para confirmar transacciones (checkout.session.completed)

Persistencia en Firestore tanto de productos como de órdenes.

Stack tecnológico

Frontend

Next.js

React.js

TypeScript

Stripe

Tailwind Css

Css

Backend

Firebase

Tools

Git

Github

Vercel