Shundarban Courier Service Ltd
Sife Mahmud Simon
esc
F1
F2
F3
F4
F5
F6
F7
F8
F8
F10
F11
F12
~`
!1
@2
#3
$4
%5
^6
&7
*8
(9
)0
—_
+ =
delete
tab
Q
W
E
R
T
Y
U
I
O
P
{[
}]
|\
caps lock
A
S
D
F
G
H
J
K
L
:;
"'
return
shift
Z
X
C
V
B
N
M
<,
>.
?/
shift
fn
control
option
command
command
option
Shundarban Courier Service Ltd
Parcel Tracking System
Tech Stack
Frontend
Next.js
React
Material UI (MUI)
Tailwind CSS
React Hook Form
Backend
Strapi & 3rd party api
Tools
Dayjs
js-cookie
clsx
Next Image (image optimization)
Emotion
Redux Toolkit
React Redux
Axios
React Toastify
React Markdown
Swiper
React Slick
Font Awesome
Company: Sundarban
Type: Frontend Development
Status: completed
Year: 2025
Duration: 2 months
Overview
The project is a comprehensive parcel tracking system that caters to both individual users and corporate clients. It provides real-time tracking of parcels, allowing users to monitor their shipments from dispatch to delivery. The system supports both national and international shipments, making it versatile for a wide range of users.
Features
- Real-time tracking of parcels
- Price calculation for national and international shipments
- Track table of signle percel and multiple percel
- Career application portal
- Integration with GraphQL for seamless data management
- Dynamic homepage design
Challenges
- Handling real-time tracking updates
- Optimizing GraphQL queries for large datasets
- Maintain Strapi defaul richtext behaviour optimization
Results
- Reduced parcel tracking latency by 30%
- Improved UX for corporate users
Technologies Used
- Next.js for server-side rendering and efficient routing
- Material UI for a modern and responsive user interface
- Tailwind CSS for custom styling and design flexibility
- Axios for handling API requests and responses
- GraphQL for efficient data querying and management
Responsibilities
- Built UI
- API Integration
- Integrated GraphQL APIs
Architecture
Type: server-side & client-server
Pattern: component-based + API-driven
Data Flow: GraphQL/Api → Server/Client → UI
Integrations
- GraphQL API (parcel tracking)
- CMS api for page details
- Authentication system
- Courier backend system
Performance Optimizations
- Optimized GraphQL queries
- Lazy-loaded tracking components
- Reduced API calls using caching
Testing
- Manual testing for tracking flows
- API response validation
User Roles
User: Track parcels
Corporate: Bulk tracking + dashboard
Admin: Manage page content