ParcelPro is a web application designed to manage parcel deliveries efficiently. This system allows users to book parcels, track delivery statuses, and manage delivery personnel. The project integrates various modern web technologies including React, DaisyUI, React Leaflet, and ExpressJS, with MongoDB as the database.
https://parcel-pro-client.web.app/
- Admin Email: admin@parcelpro.com
- Admin Password: A12345678@
- Delivery Man Email: delivary@parcelpro.com
- Delivery Password: A12345678#
- User Authentication: Secure user login and registration.
- Parcel Booking: Users can book parcels for delivery.
- Delivery Tracking: Track the status of parcels from booking to delivery.
- Review System: Users can rate and review delivery personnel.
- Admin Dashboard: Manage users, parcels, and delivery personnel.
- Interactive Maps: Display delivery locations using React Leaflet.
- Frontend: React, DaisyUI, TailwindCSS, React Leaflet, React Query (TanStack Query), ShadcnUI
- Backend: ExpressJS, Node.js
- Database: MongoDB Atlas
- Others: SweetAlert2 for alerts, Axios for HTTP requests, Firebase Auth, Firebase Hosting
- Clone the repository:
git clone https://github.com/siam02/parcel-pro-client.git- Install dependencies:
cd southeast-explorer
npm install- Create a .env.local file in the root directory and add your Firebase config keys and other details:
VITE_APIKEY=your-firebase-api-key
VITE_AUTHDOMAIN=your-firebase-auth-domain
VITE_PROJECTID=your-firebase-project-id
VITE_STORAGEBUCKET=your-firebase-storage-bucket
VITE_MESSAGINGSENDERID=your-firebase-messaging-sender-id
VITE_APPID=your-firebase-app-id
VITE_IMAGE_HOSTING_KEY=imgbb-image-hosting-key
VITE_PAYMENT_GATEWAY_PK=stripe-public-key- Start the development server:
npm run dev- Visit http://localhost:3000 in your browser to view the application.