Sife Mahmud Simon

Software Engineer

Email: sifemahmudsimon@gmail.com

Phone: +88 01728 337711

© 2026 Simon Portfolio. All rights reserved.

S M Simon

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