Proyecto · Ingeniero frontend fundador
DescontinuadoCyclei
Servicio de recogida de empaques reutilizables
Cyclei combina la recolección en acera de contenedores reutilizables con la recogida regular de basura. Los clientes se registran, pagan una tarifa única de activación, compran en negocios asociados que ofrecen empaques reutilizables, llenan una bolsa Cyclei y la enganchan al asa de su contenedor de reciclaje el día de la basura. Una bolsa nueva de devolución llega a su puerta, y la cuenta muestra los reutilizables devueltos más depósitos o recompensas.
Como ingeniero frontend fundador, Donray construyó la app web para clientes: registro multi-paso con validación de dirección e intenciones de configuración de Stripe, un panel con rastreador de impacto que cuenta los contenedores de un solo uso evitados y una tarjeta de saldo de billetera, seguimiento de bolsas en estados recolectada, clasificada y perdida, pago con cupones y facturas, pagos de billetera con estados pendiente, pagado y fallido, y gestión de cuenta con pausa y reanudación de recogidas.
La app es Vue 3.5 con Vite 7 y TypeScript, usando Apollo Client GraphQL contra un backend Django, formularios vee-validate con una librería propia de componentes de entrada, y una librería publicada de componentes Vue para el sistema de UI. Pruebas unitarias con Vitest y compuertas ESLint/Stylelint corren en CI. El servicio ha sido descontinuado.
Características
- Registro multi-paso: correo, validación de dirección, confirmación, pago con Stripe
- Panel con rastreador de impacto (contenedores de un solo uso evitados) y saldo de billetera
- Seguimiento de bolsas en estados recolectada, clasificada, perdida, asignada y entregada
- Pago con tarifas de activación, códigos de cupón y facturas
- Pagos de billetera con estados pendiente, pagado y fallido
- Gestión de cuenta: configuración, direcciones, pausa y reanudación de recogidas
- Sección de administración con gestión de rutas y escaneo de bolsas con código QR
Preguntas frecuentes
¿Cómo funcionaba el servicio de recogida de Cyclei?
Los clientes se registraban para la recolección en acera, pagaban una tarifa única de activación, compraban en negocios asociados que ofrecían empaques reutilizables, llenaban una bolsa Cyclei y la enganchaban al asa de su contenedor de reciclaje el día de la basura. Después una bolsa nueva de devolución llegaba a su puerta.
¿Cómo seguían los clientes su impacto ambiental?
El panel mostraba un conteo continuo de contenedores de un solo uso evitados, junto con un saldo de billetera que reflejaba los depósitos y recompensas ganados por los contenedores devueltos.
¿Podían los clientes retirar sus recompensas?
Sí. La sección de pagos permitía a los usuarios solicitar pagos de su saldo de billetera a un destino elegido, con estados de solicitud pendiente, pagado o fallido.
¿Con qué se construyó la app?
Vue 3 y Vite con TypeScript, GraphQL vía Apollo Client, Stripe para pagos, formularios vee-validate y una librería publicada de componentes Vue, con pruebas unitarias Vitest y compuertas ESLint/Stylelint.
¿Cyclei sigue operando?
No, el servicio ha sido descontinuado.