Vue 3 Ecommerce Frontend
Budget: $250 – $750 USD
Ya tengo el backend REST en Python funcionando; ahora necesito que me entregues el frontend completo en Vue 3 (Composition API) tomando como punto de partida la plantilla Bootstrap “Ochaka” que dejo aquí: https://preview.themeforest.net/item/ochaka-multipurpose-ecommerce-html5-template/full_screen_preview/58576101
El trabajo consiste en transformar esa plantilla HTML en una SPA real que consuma mi API JSON y ofrezca:
• Catálogo de productos completamente dinámico, con filtros por categoría, rango de precio y popularidad.
• Carrito persistente que permita modificar cantidades y elimine ítems en tiempo real.
• Flujo de checkout integrado con Webpay (Chile) usando los endpoints que ya tengo listos.
• Registro e inicio de sesión tradicionales (e-mail/contraseña) manejando tokens que mi backend expone.
- Poder cargar dinámicamente el slider.
- Poder recibir los mensajes de contacto.
- Historial de compras dele usuario.
- Historial de pagos del usuario.
- Cambiar sus datos de acceso.
- Cambiar el nosotros de forma dinámica.
- Cambiar términos y condiciones dinámicamente.
- Cambiar preguntas y respuestas dinámicamente.
- Tener una sección de devolver o cancelar compra.
- Tener una sección de pedir refund.
- Tener una sección para ir viendo como va mi compra.
Detalles clave
– Vue 3 con Composition API; no requeriré Vue 2 ni Options API.
– Puedes usar Pinia o Vuex, lo que consideres más limpio para el estado global.
– Bootstrap 5 ya viene con la plantilla; sólo adapta los componentes para mantener consistencia visual.
– Todas las llamadas deben ir a mi API; no necesito mockups.
– Espero código organizado por vistas y componentes, con rutas protegidas para el área de checkout y el perfil de usuario.
Entregable final
Un repositorio (Git) con el proyecto Vue listo para “npm install && npm run build”, documentación breve de configuración y un video corto o gif que demuestre el flujo completo desde la navegación por el catálogo hasta el pago exitoso. Además de cargado en producción.
El trabajo consiste en transformar esa plantilla HTML en una SPA real que consuma mi API JSON y ofrezca:
• Catálogo de productos completamente dinámico, con filtros por categoría, rango de precio y popularidad.
• Carrito persistente que permita modificar cantidades y elimine ítems en tiempo real.
• Flujo de checkout integrado con Webpay (Chile) usando los endpoints que ya tengo listos.
• Registro e inicio de sesión tradicionales (e-mail/contraseña) manejando tokens que mi backend expone.
- Poder cargar dinámicamente el slider.
- Poder recibir los mensajes de contacto.
- Historial de compras dele usuario.
- Historial de pagos del usuario.
- Cambiar sus datos de acceso.
- Cambiar el nosotros de forma dinámica.
- Cambiar términos y condiciones dinámicamente.
- Cambiar preguntas y respuestas dinámicamente.
- Tener una sección de devolver o cancelar compra.
- Tener una sección de pedir refund.
- Tener una sección para ir viendo como va mi compra.
Detalles clave
– Vue 3 con Composition API; no requeriré Vue 2 ni Options API.
– Puedes usar Pinia o Vuex, lo que consideres más limpio para el estado global.
– Bootstrap 5 ya viene con la plantilla; sólo adapta los componentes para mantener consistencia visual.
– Todas las llamadas deben ir a mi API; no necesito mockups.
– Espero código organizado por vistas y componentes, con rutas protegidas para el área de checkout y el perfil de usuario.
Entregable final
Un repositorio (Git) con el proyecto Vue listo para “npm install && npm run build”, documentación breve de configuración y un video corto o gif que demuestre el flujo completo desde la navegación por el catálogo hasta el pago exitoso. Además de cargado en producción.
Related categories:
JavaScript
CSS
HTML
Bootstrap
Web Development
Frontend Development
Vue.js
RESTful API