Challenges Faced
Another challenge was keeping the UI synchronized after CRUD operations. Since the application relies heavily on real-time data, I used TanStack Query's cache invalidation to automatically refresh the relevant data without requiring a full page reload.
Future Plans
Plan to integrate a secure multi-factor authentication (MFA) system and build an automated monthly expense analytics chart using Recharts.
Full Stack Project
ParcelPro
ParcelPro is a modern Parcel Management System built with the MERN stack, designed to make parcel booking, delivery assignment, and parcel tracking smooth and efficient.
React.jsReact Router v6Tailwind CSSShadcn UIdaisy UITanStack QueryStripe PaymentMongoDBNode.jsExpress.js
Key Features
- Parcel booking system with automatic price calculation.
- Track parcels by status: Pending, On the Way, Delivered, Cancelled
- Role-based dashboards: Admin, DeliveryMen, User
- Real-time statistics: Total parcels booked, delivered, and registered users
- Login & Registration with Firebase + optional social login
- Stripe payment integration for parcel checkout
Challenges Faced
Another challenge was keeping the UI synchronized after CRUD operations. Since the application relies heavily on real-time data, I used TanStack Query's cache invalidation to automatically refresh the relevant data without requiring a full page reload.
Future Plans
Plan to integrate a secure multi-factor authentication (MFA) system and build an automated monthly expense analytics chart using Recharts.