Active Arsenal
Next.js
Tailwind CSS
JavaScript
MongoDB
TypeScript
React
PostgreSQL
SQL
HTML
Prisma
CSS
Express
Node.jsNext Horizons
Featured Architectures
An innovative online learning platform designed to provide a seamless and engaging educational experience. It offers a wide range of courses and resources to help users acquire new skills and knowledge at their own pace.
A comprehensive MERN stack web application designed to be your digital plant care assistant. It empowers plant enthusiasts to effortlessly manage their botanical collection, track care tasks, and set reminders, ensuring healthy, thriving plants and peace of mind.
Systems Engineering
A breakdown of high-complexity features where I solve for scale, data integrity, and performance optimization.
The Challenge
Complex State & Logic Management: Implementing a strict "three-enrollment limit" required precise backend validation and frontend state synchronization to ensure users couldn't bypass restrictions. Secure Authentication Architecture: Integrating JWT (JSON Web Tokens) for API security presented a challenge in managing token expiration, storage, and ensuring secure communication between the client and server. Dynamic Data Handling: Managing a multi-currency system (USD, EUR, GBP, JPY) and a rich text editor for the blog section added layers of complexity in how data was parsed, stored, and displayed consistently.
The Architect's Fix
Robust Middleware Implementation: Developed custom backend middleware to verify JWTs and enforce business logic, such as checking enrollment counts before allowing a student to join a new course. Schema Validation: Utilized strict database schemas to handle the "Add New Course" form, ensuring that titles, thumbnails, and multi-currency prices were validated before being injected into the database. Rich Text Integration: Researched and integrated a reliable rich text editor library, then sanitized the output to allow instructors to create professional blog content safely.
The Challenge
1. Executing user-defined code, custom HTML, or dynamic script modules safely without violating Chrome’s strict Manifest V3 Content Security Policy (CSP) guidelines which strictly forbid arbitrary string evaluation like 'eval()' or 'new Function()'. 2. Synchronizing active positions, sizing dimensions, dynamic background references, and theme layouts across distinct desktop environments safely without managing a costly standalone subscription database layer.
The Architect's Fix
1. Structured a completely separate, low-privilege 'sandbox.html' document explicitly registered in the Manifest sandbox scope. Used HTML5 window.postMessage to bridge localized input data safely to an completely isolated iframe context, completely disconnecting code execution from privileged chrome.* extension APIs. 2. Implemented direct, secure authentication workflows utilizing the browser's lower-level 'chrome.identity' platform. Captured authorization tokens to integrate straight with the hidden Google Drive AppData folder, allowing configuration payloads to stream and sync immediately down to client state maps on a new machine setup.
The Challenge
Architectural Uncertainty: At the start of the project, I faced a steep learning curve in conceptualizing how to integrate a complex frontend UI with a real-time backend database. State Management & Logic: Defining a clear data structure for tracking diverse plant health statuses (e.g., 'Recovering' vs. 'Stressed') across multiple user accounts presented a significant logical hurdle. Responsive Design Constraints: Implementing a "mobile-first" approach required careful planning to ensure the dashboard remained intuitive and functional across various screen sizes without sacrificing data density.
The Architect's Fix
Modular Development: I overcame the initial lack of direction by breaking the project into smaller, manageable milestones—starting with Firebase Authentication before moving to CRUD operations for plant management. Firebase Integration: Utilized Firebase as a unified backend solution, which streamlined data synchronization and simplified the implementation of secure Google Sign-in. terative Prototyping: I adopted an iterative design process, testing layouts frequently on mobile viewports to ensure the health tracking log and dashboard were accessible and user-friendly.
Engineering Journal
The engineering journal is currently being drafted. Check back soon for deep dives into system architecture.
Let's Build Something
Resilient.
Whether you need a scalable MERN architecture or a type-safe system overhaul, I'm ready to contribute to your engineering team.
© 2026 Shaharear Rahman Sabbir. Built with passion and love.
Brahmanbaria, BD — UTC+6