Sife Mahmud Simon

Software Engineer

Email: sifemahmudsimon@gmail.com

Phone: +88 01728 337711

© 2026 Simon Portfolio. All rights reserved.

S M Simon

GpFi (Revamp)

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
GpFi (Revamp)
project by Grameenphone
Tech Stack
Frontend
Next.js
React
Chakra UI
React Markdown
Backend
dhrupal & 3rd party api
Tools
Custom Forms
js-cookie
Next Image (image optimization)
Axios
React Toastify
Swiper

Company: Grameenphone

Type:

Status:

Year:

Duration:

Overview
GPFi is a next-generation Wi-Fi service provisioning and management platform developed for Grameenphone. It is designed to serve both individual and corporate users through a seamless digital experience. The system features an intuitive step-by-step ordering and tracking flow, along with a centralized plan management dashboard. It also integrates modern authentication and payment solutions, including SSO login and bKash-based ordering, ensuring a smooth and user-friendly service experience.
Features
  • Dynamic Sortable Homepage section through CMS
  • Developed different plans and device across available areas
  • Designed complete order journey flow (Geo Location → Plan → Device → Info → Review → Submission → Tracking → Plan Activation → Dashboard)
  • Cookies management for storing left out session data and user preferences
  • Integration OTP & SSO login for seamless authentication across Grameenphone services and Third Party apps
  • GEO Location by using BariKoi API for personalized access plan & device recommendation
  • OTT platform access assigned to plans and device
  • Map integration using LeafletJS for visualizing Wi-Fi coverage areas and user locations
Challenges
  • Manage and update Cookies for different scenarios
  • Third Party api for Geo Location data and its response changed which miss aligned with backend database frequently
  • Payment System validation with bKash and its different flow for corporate and individual users
  • Dashboard data visualization of different cases
Results
  • Complex process made easy for users with step-by-step flow
  • Enterprise level UI for users to manage their plans and devices
Technologies Used
  • Next.js for server-side rendering and efficient routing
  • Chakra UI for a modern and responsive user interface
  • Tailwind CSS for custom styling and design flexibility
  • Axios for handling API requests and responses
  • js-cookies for maintaining user sessions and preferences
  • LeafletJS for interactive maps by taking geo code from BariKoi API
Responsibilities
  • Built UI
  • Integration REST API
  • Payment validation
Architecture

Type: client-server & server-side

Pattern: component-based + API-driven

Data Flow: API → Server/Client → UI → Conditional Rendering

Integrations
  • REST Api (Step by step order flow)
  • OTP Login system for authentication
  • Dashboard data visualization
  • Third Party API for Geo Location data (BariKoi)
Performance Optimizations
  • API Caching for frequently accessed data
  • Dynamic Imports for homepage components reduced initial load time
  • Maintain Static & Dynamic page balance for better SEO and user experience
Testing
  • Manual testing for tracking flows
  • API response validation for order flow and payment validation
User Roles

User: Order, maintain & renew plans and devices

Corporate: Manage contents for the user

Admin: Manage shipments