D-Record

D-Record is a comprehensive web-based platform for milk and dairy product delivery services. Customers can place orders online and receive morning deliveries at their doorstep. The platform evolved from a simple record-taking app to a fully automated, user-centric delivery management system.

Technologies Used

Vue.jsTypeScriptSupabasePostgreSQLSQLwebhookAPI IntegrationPush Notifications

Web Project Info

Active

startDate: 2025-06-01

teamSize: 2

role: Full-Stack Developer

deployment: Render

Live Demo

Gallery

image

1 / 2

Administrator interface for managing orders and users

User Experience

User Flows

Customer registration and daily product ordering

Automated delivery scheduling and notifications

Rider assignment and route optimization

Admin oversight and order management

Accessibility

Mobile-responsive design for on-the-go ordering

Multi-language support for local customers

Simple navigation for elderly users

Push notifications for order updates

Key Features

Online order placement for dairy products

Automated morning delivery scheduling

Multi-role user management (Admin, Rider, Customer)

Real-time order tracking and notifications

PDF invoice generation and export

Cross-platform web accessibility

Secure payment processing

Technical Challenges

Technical Challenge 1

Problem:

Implementing analytics and automated functions for order management

Solution:

Built custom analytics dashboard with automated reporting functions

Result:

Streamlined order processing and improved delivery efficiency

Technical Challenge 2

Problem:

Managing complex user authentication and role-based access control

Solution:

Implemented comprehensive auth system with Supabase RLS policies

Result:

Secure multi-role access with proper data isolation

UX Challenges

UX Challenge 1

Problem:

Designing intuitive order management interface for different user roles

Solution:

Created role-specific dashboards with contextual navigation

Result:

Improved user experience across admin, rider, and customer interfaces

UX Challenge 2

Problem:

Ensuring smooth order placement and tracking workflow

Solution:

Implemented real-time updates and push notifications

Result:

Enhanced customer satisfaction with transparent delivery tracking

Results Achieved

Processed 5,000+ orders in just 1-2 months

Built active user base of 300+ local customers

Generated over 25K+ monthly profite just from dairy product deliveries

Successfully transitioned from manual to automated delivery system

What I Learned

Managing live production updates and zero-downtime deployments

Comprehensive user management and error handling strategies

Implementing role-based access control (RBAC) for multi-user systems

API design and data handling for real-world business applications

PostgreSQL Row Level Security (RLS) for data protection and privacy

Development Journey

Started as a simple record-taking app for product purchase tracking

Added basic order management and customer registration features

Implemented automated delivery scheduling and notification system

Built comprehensive admin and rider management interfaces

Evolved into fully automated platform with minimal manual intervention