Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rokibulalom-hub/rocket-courier-client
Rocket Courier is a modern and responsive courier management application designed to streamline parcel delivery and tracking. Built with the latest web technologies, it offers a seamless user experience with real-time updates and intuitive parcel management.
https://github.com/rokibulalom-hub/rocket-courier-client
cors env expressjs javascript mongodb nodejs react-router-v6 reactjs shadcn-ui tailwind-css
Last synced: about 12 hours ago
JSON representation
Rocket Courier is a modern and responsive courier management application designed to streamline parcel delivery and tracking. Built with the latest web technologies, it offers a seamless user experience with real-time updates and intuitive parcel management.
- Host: GitHub
- URL: https://github.com/rokibulalom-hub/rocket-courier-client
- Owner: RokibulAlom-hub
- Created: 2025-01-30T13:10:33.000Z (12 days ago)
- Default Branch: main
- Last Pushed: 2025-02-05T07:32:48.000Z (6 days ago)
- Last Synced: 2025-02-05T08:28:33.060Z (6 days ago)
- Topics: cors, env, expressjs, javascript, mongodb, nodejs, react-router-v6, reactjs, shadcn-ui, tailwind-css
- Language: JavaScript
- Homepage: https://parcel-web-project.web.app/
- Size: 396 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# **Rocket Courier** 🚀📦
**Live Site:** [Rocket Courier](https://parcel-web-project.web.app/)
Rocket Courier is a modern and responsive courier management application designed to streamline parcel delivery and tracking. Built with the latest web technologies, it offers a seamless user experience with real-time updates and intuitive parcel management.
---
---
## **2. Technologies Used** 🛠️
| Technology | Purpose |
|------------|---------|
| **React.js** | Frontend framework for UI |
| **Tailwind CSS & Daisy UI** | Styling & pre-designed components |
| **React Icons** | Interactive icons for enhanced UX |
| **date-fns** | Date formatting & management |
| **CountUp.js** | Real-time counter animations |
| **SweetAlert** | Custom alerts for notifications |
---
## **3. Core Features** 🌟
✅ **Modern UI** – Built with React JSX, Tailwind CSS, and Daisy UI.
✅ **Parcel Status Management** – Update statuses dynamically (On the Way, Delivered, Cancelled, Pending).
✅ **Real-Time Counters** – Engaging metric tracking with CountUp.js.
✅ **Date Handling** – User-friendly date display with date-fns.
✅ **Admin Dashboard** – Easily manage parcel updates with one-click controls.
✅ **Custom Alerts** – SweetAlert integration for smooth user interaction.
✅ **Fully Responsive** – Optimized for both desktop and mobile devices.
---
## **4. Admin Credentials** 🔑
Use the following credentials to access the admin panel:
- **Username:** [email protected]
- **Password:** 0123456
---
## **5. How to Run Locally** 🏗️
### **Step 1: Clone the Repository**
```bash
git clone https://github.com/yourusername/RocketCourier.git
cd RocketCourier
```
### **Step 2: Install Dependencies**
```bash
npm install
```
### **Step 3: Start the Development Server**
```bash
npm run dev
```
### **Step 4: Open in Browser**
Go to `http://localhost:5173`
---
## **6. Future Enhancements** 🚀
🔹 **Customer Portal** – Allow users to track parcels.
🔹 **Multi-language Support** – Enhance accessibility.
🔹 **Payment Integration** – Enable online parcel fee payments.
---
## **7. Live Project & Resources** 🔗
- **Live Website:** [Rocket Courier](https://parcel-web-project.web.app/)
- **GitHub Repository:** [Rocket Courier GitHub](https://github.com/RokibulAlom-hub/Rocket-Courier-Client))
---
This README keeps it **concise, structured, and follows the 7-point format**. Let me know if you need any tweaks! 🚀🔥