Back to projects
ASPCAP
Freelance project — multi-role e-commerce platform for customers, admins, cashiers, and riders: product catalog, cart/checkout, GCash & COD payments, POS, delivery tracking, and real-time notifications.
01/09
E-commerce hub showcase — desktop catalog and mobile storefront
01/09gallery
Architecture
Vite + React TypeScript client with role-based layouts (customer, admin, cashier, rider), Ant Design UI, Zustand state, and Socket.IO live updates — backed by an Express/MySQL API with JWT auth, Cloudinary media, and GCash/COD checkout flows.
Deployment
Vite frontend and Express API deployed on Vercel (ASPCAP + Aspcap_Api).
Features
- Customer menu, cart, checkout, and order history
- Admin dashboard for products, menus, branches, discounts, and reports
- Cashier POS and transaction management
- Rider delivery assignment and status updates
- GCash and cash-on-delivery payment options
- Order tracking, returns/refunds, and real-time notifications
Challenges
- Supporting four distinct roles without mixing workflows
- Keeping orders, payments, and delivery status in sync across clients
Solutions
- Separate private layouts and route trees per role on a shared React stack
- Socket.IO events plus transactional APIs for live order and delivery updates
Results
- End-to-end ordering from browse to delivery for a live store operation
- Unified admin, POS, and rider tools on one platform