Portfolio / frontend-heavy full-stackMashrur Nazrul Mashfi

Frontend-Heavy Full-Stack Developer

Dhaka-based / open to remote roles + contract projects

Frontend-heavy full-stack developer for admin systems, internal tools, and API-backed products.

I build React and Next.js interfaces, auth flows, and operational tooling that keep dense business rules readable for the people using them.

Admin systems and internal tools
API-backed product interfaces
View WorkResume PDFProject Inquiry
Mashrur Nazrul Mashfi coding at a desktop workspace beside a city view.

Dhaka, Bangladesh / remote-ready

5+

Years building production software

60M+

Telecom users supported through enterprise CRM systems

Technical stack

Core frontend stack, UI implementation, and integration tooling.

React, Next.js, TypeScript, form state, testing, and API patterns used across production builds.

Expertise

Frontend Systems

React
Next.js
TypeScript
JavaScript
HTML5
CSS3
Tailwind CSS
Reusable component systems
Responsive UI

Expertise

Backend & Data

Node.js
Express
NestJS
PostgreSQL
Drizzle ORM
Supabase
Redis
API-backed operational workflows

Expertise

Forms, State, Validation

React Hook Form
Zod
Multi-step forms
Protected routes
Role-aware UI
Async operational states

Expertise

Auth & Integrations

REST APIs
Same-origin API proxy routes
JWT auth
Token refresh
Google Business Profile OAuth
Cloudflare Turnstile
SSLCommerz
SOAP/XML

Expertise

Quality & Delivery

Playwright
React Testing Library
Git
GitHub
GitLab CI/CD
Swagger/OpenAPI
Docker
Vercel
Linux

Engineering approach

I define structure, state, and task flow before polish.

That keeps dense interfaces readable as permissions, integrations, and edge cases pile up.

Chapter 01

Structure the system before styling the surface.

I define routes, primitives, and state boundaries early so the interface can grow without turning brittle.

  • App Router structure and layout boundaries

  • Reusable component primitives for repeatable screens

Chapter 02

Make API complexity feel simple.

I turn validation, auth, and backend rules into readable flows so complicated operations feel manageable.

  • Route handlers, auth, and server-backed validation

  • Async states and failure handling that keep operators oriented

Chapter 03

Use motion to explain state, not to distract from it.

Motion is used for hierarchy, transition, and feedback, with reduced-motion behavior treated as part of the system.

  • State transitions and feedback timing

  • Reduced-motion aware interaction design

Selected work

Shipped product systems across operations, workflow, and customer-facing delivery.

A focused set of case studies spanning internal dashboards, admin tooling, and public product surfaces built under real production constraints.

Browse the case studies

Each card summarizes the product surface, operating context, and access level up front. Open any case study for the deeper build story.

01/ 07

Waffle Up Global PTE, Singapore
Nov 2025 - Present

Promo campaign, card redemption, and rollout operations console

Promo operations console for card rollout, testing, and reconciliation.

Internal dashboards
Operational UX
Open case studyPrivate client work
Tender Platform
Sep 2025 - Oct 2025

Multilingual tender and proposal workflow workspace

Tender workspace for proposals, reviews, and multilingual document flow.

Enterprise dashboards
Workflow UX
Open case studyShowcase deployment
SplitScreen
Sep 2025 - Nov 2025

Perspective-based news comparison and media intelligence platform

News comparison product with editorial browsing and ingestion controls.

Data-rich UI
AI-assisted workflows
Open case studyPublic live site
Talent Care Education
Aug 2025 - Present

Education discovery, lead capture, and admin operations platform

Education platform for course search, lead capture, and admin updates.

Marketing platforms
Search UX
Open case studyPublic live site
The Attention Network
May 2024 - Sep 2025

Event ticketing, QR validation, and operations admin suite

Ticketing, QR validation, and event operations across three surfaces.

Public/private surfaces
Payment workflows
Open case study2 showcase links
RedDot Digital / Robi Axiata Ltd.
Jul 2021 - Feb 2024

Enterprise CRM interfaces for telecom operations

Telecom CRM interfaces for offers, orders, rewards, and automation.

Enterprise systems
Workflow automation
Open case studyPrivate client work
Hema
Recent client project

Healthcare company portfolio and project archive

Healthcare portfolio with structured project archives and service storytelling.

Marketing sites
Content modeling
Open case studyPublic live site

Career arc

Roles across product teams, enterprise systems, and client work since 2021.

A quick timeline of where the work happened and how the scope shifted from CRM delivery to remote product builds.

Aug 2025 - Present

M-World BD

Frontend Engineer

Dhaka, Bangladesh

01

Learning platform delivery, admin tooling, and secure third-party integrations.

Nov 2025 - Present

Waffle Up Global PTE, Singapore

Full-Stack / Frontend Engineer

Remote / Singapore

02

Campaign setup, card operations, and support tooling for rollout teams.

Sep 2025 - Oct 2025

TiCON System Ltd.

Frontend Engineer

Remote / South Korea

03

Tender review workspace with multilingual forms and document stages.

Sep 2025 - Nov 2025

Remotely Technologies Inc.

Full-Stack Engineer

Remote / USA

04

News comparison product with data pipelines and editorial browsing.

May 2024 - Sep 2025

The Attention Network

Senior Frontend-Heavy Full-Stack Engineer

Dhaka, Bangladesh

05

Ticketing, analytics, validation, and event operations across multiple surfaces.

Jul 2021 - Feb 2024

RedDot Digital / Robi Axiata

Software Engineer, Enterprise CRM Systems

Dhaka, Bangladesh

06

CRM interface delivery and process automation inside telecom-scale systems.

Mar 2021 - May 2021

Grameen Solutions Limited

Software Engineer

Dhaka, Bangladesh

07

Decoupled CMS delivery with React, WordPress, Drupal, and Pantheon.

Supporting evidence

Employment letters, recommendations, and completion records published for direct review.

Key documents are available on-site so hiring teams can verify roles, dates, and project delivery without additional follow-up.

Full PDF preview
Recommendation letter
2025

Recommendation letter from the COO of The Attention Network

The Attention Network

Recommendation covering delivery quality, ownership, and product execution across ticketing, analytics, and operations tooling. The recommender now holds a senior management role at DSV headquarters in Denmark.

Related experience: The Attention Network

The full source PDF is published directly in the portfolio for public credibility and employment verification.

Open in new tabContact
Full PDF preview
Experience letter
2024

Experience letter from RedDot Digital / Robi Axiata

RedDot Digital / Robi Axiata

Employment proof covering enterprise CRM delivery, telecom-scale workflows, and production support inside a high-dependency business environment.

Related experience: RedDot Digital / Robi Axiata

The embedded document opens directly to the final signed RedDot experience letter.

Open in new tabContact
Full PDF preview
Completion certificate
2025

Certificate of completion for the Remotely Technologies project

Remotely Technologies Inc.

Project completion proof supporting the SplitScreen engagement and the full-stack product work delivered around AI-assisted news comparison.

Related experience: Remotely Technologies Inc.

The original completion certificate PDF is embedded directly so the project, issuer, and completion details can be reviewed in context.

Open in new tabContact

Motion toolkit

Animation libraries chosen by interaction type.

GSAP handles scroll choreography, Motion handles layout shifts, Anime.js covers short sequences, and React Spring is reserved for physics-driven feedback.

GSAP

Pinned scroll storytelling, section choreography, and timeline-grade transitions where content needs paced reveal and strong state control.

Motion.dev

Primary React motion layer for layout animation, hover states, route shifts, and component-level interaction feedback.

Anime.js

Lightweight sequencing for smaller UI accents, label reveals, counters, and timed detail highlights without overbuilding a timeline.

React Spring

Physics-based interaction for tilt, hover depth, and tactile response where interface motion should feel natural rather than rigid.

Contact / project inquiry

Available for frontend-heavy roles and focused product engagements.

Best fit: teams that need clear UI delivery across admin systems, internal tools, or API-backed product work.

English proficiency

IELTS Academic — Overall Band 8.0. English proficiency supporting clear written collaboration across distributed teams and international client delivery.

Frontend architecture
Internal tools
Design-system implementation
API integration
Mashrur Nazrul Mashfi working by a large window overlooking the city.

Next step

Email a short brief with product context, timeline, and whether the need is hiring, contract delivery, or consulting.

mashfi003@gmail.com
GitHubLinkedInEmail
Email InquiryDownload PDFOpen Resume Page