Proyekto · Founding Frontend Engineer

Itinigil na

Cyclei

Serbisyo sa Pagkuha ng Magagamit-muling Packaging

Vue 3TypeScriptViteGraphQLCSSHTML5
Logo ng Cyclei
Screenshot ng Cyclei customer dashboard na nagpapakita ng impact tracker, wallet balance card, at bag tracking tabs

Ipinapares ng Cyclei ang curbside collection ng reusable containers sa regular na waste pickup. Nag-sign up ang customers, nagbayad ng one-time activation fee, bumili mula sa partner businesses na nag-aalok ng reusable packaging, pinuno ang Cyclei bag, at ikinabit ito sa handle ng recycling bin sa trash day. Isang bagong return bag ang ihahatid sa pintuan nila, at ipinapakita ng account ang naibalik na reusables kasama ang deposits o rewards.

Bilang founding frontend engineer, binuo ni Donray ang customer-facing web app: multi-step onboarding na may address validation at Stripe setup intents, dashboard na may impact tracker na nagbibilang ng single-use containers saved at wallet balance card, bag tracking sa collected, sorted, at lost states, cart checkout na may coupons at invoices, wallet payouts na may pending, paid, at failed statuses, at account management na may pickup pause at resume.

Ang app ay Vue 3.5 na may Vite 7 at TypeScript, gumagamit ng Apollo Client GraphQL laban sa Django backend, vee-validate forms na may custom input component library, at published Vue component library para sa UI system. Vitest unit tests at ESLint/Stylelint gates ang tumatakbo sa CI. Ang serbisyo ay discontinued na.

Mga Tampok

  • Multi-step onboarding: email, address validation, confirmation, Stripe payment
  • Dashboard na may impact tracker (single-use containers saved) at wallet balance
  • Bag tracking sa collected, sorted, lost, assigned, at delivered states
  • Cart checkout na may activation fees, coupon codes, at invoices
  • Wallet payouts na may pending, paid, at failed statuses
  • Account management: settings, addresses, pickup pause at resume
  • Staff admin section na may route management at QR-code bag scanning

Mga madalas itanong

Paano gumana ang pickup service ng Cyclei?

Nag-sign up ang customers para sa curbside collection, nagbayad ng one-time activation fee, bumili mula sa partner businesses na nag-aalok ng reusable packaging, pinuno ang Cyclei bag, at ikinabit ito sa handle ng recycling bin sa trash day. Pagkatapos ay ihahatid sa pintuan nila ang bagong return bag.

Paano sinusubaybayan ng customers ang environmental impact nila?

Nagpakita ang dashboard ng running count ng single-use containers saved, kasama ang wallet balance na sumasalamin sa deposits at rewards mula sa naibalik na containers.

Nakaka-cash out ba ang customers ng rewards nila?

Oo. Hinayaan ng payout section ang users na mag-request ng payouts ng wallet balance nila sa napiling destinasyon, na may request statuses na pending, paid, o failed.

Saan binuo ang app?

Vue 3 at Vite na may TypeScript, GraphQL sa pamamagitan ng Apollo Client, Stripe para sa payments, vee-validate forms, at published Vue component library, na may Vitest unit tests at ESLint/Stylelint gates.

Gumagana pa ba ang Cyclei?

Hindi, discontinued na ang serbisyo.