DEV Community: Raihanul Islam Sharif

How I Built a Microservices System from Scratch (No Tutorial)

Raihanul Islam Sharif — Tue, 16 Jun 2026 01:44:45 +0000

How I Built a Microservices System from Scratch (No Tutorial)

Most microservices tutorials start with a perfect architecture diagram and end with a clean GitHub repo you can clone. Mine started with me staring at a blank screen wondering "where do I even begin?"

This is the real story of how I built my HR Management System — a production-deployed microservices project with an API Gateway, Auth Service, Employee Service, and Attendance Service — containerized with Docker and live on Render.com.

No hand-holding. No pre-built boilerplate. Just decisions, mistakes, and lessons.

Why Microservices? (The Honest Answer)

Let me be upfront: for a portfolio project, a monolith would have been faster to build.

But I wasn't building for speed. I was building to understand how real systems work at scale — the kind of systems I want to work on professionally. If I was going to spend weeks on a project, I wanted to come out the other side actually knowing something.

So I committed to microservices. And then immediately had to figure out what that actually meant in practice.

The Architecture (What I Landed On)

After a lot of reading and a few failed attempts, I settled on four core services:

Client
  │
  ▼
API Gateway  ←── single entry point for all requests
  │
  ├── Auth Service       (JWT, login, register)
  ├── Employee Service   (CRUD, employee data)
  └── Attendance Service (check-in/out, records)

Each service:

Has its own Express.js server
Connects to its own MongoDB collection (logically separated)
Runs in its own Docker container
Communicates through the API Gateway only

The client never talks to individual services directly. Everything goes through the gateway. This was the single most important architectural decision I made.

The First Real Problem: How Do Services Talk to Each Other?

This sounds obvious until you actually try to do it.

In a monolith, you just call a function. In microservices, you're making HTTP requests between containers — and suddenly you have to think about:

What if a service is down?
How does the Gateway know where each service lives?
How do I avoid hardcoding localhost:3001 everywhere?

My solution was straightforward: environment variables for service URLs, and Docker Compose to wire everything together locally.

# docker-compose.yml (simplified)
services:
  api-gateway:
    build: ./api-gateway
    ports:
      - "3000:3000"
    environment:
      - AUTH_SERVICE_URL=http://auth-service:3001
      - EMPLOYEE_SERVICE_URL=http://employee-service:3002
      - ATTENDANCE_SERVICE_URL=http://attendance-service:3003

  auth-service:
    build: ./auth-service
    ports:
      - "3001:3001"
    environment:
      - MONGODB_URI=${MONGODB_URI}
      - JWT_SECRET=${JWT_SECRET}

Inside Docker Compose, services can reference each other by service name — not localhost. This tripped me up for an embarrassing amount of time before I understood Docker's internal networking.

JWT Auth Across Services — The Tricky Part

Authentication in a monolith: middleware checks the token, done.

Authentication in microservices: every service needs to verify the token, but you don't want each service depending on the Auth Service for every request. That creates tight coupling and a single point of failure.

My approach: verify the JWT at the Gateway level.

// api-gateway/middleware/auth.js
const jwt = require('jsonwebtoken');

const verifyToken = (req, res, next) => {
  const token = req.headers.authorization?.split(' ')[1];

  if (!token) {
    return res.status(401).json({ message: 'No token provided' });
  }

  try {
    const decoded = jwt.verify(token, process.env.JWT_SECRET);
    req.headers['x-user-id'] = decoded.id;
    req.headers['x-user-role'] = decoded.role;
    next();
  } catch (err) {
    return res.status(401).json({ message: 'Invalid token' });
  }
};

The Gateway verifies the token and forwards the user's ID and role as custom headers to downstream services. Those services trust those headers — they don't re-verify the JWT. Clean, decoupled, and fast.

Dockerizing Everything

Each service has its own Dockerfile:

FROM node:18-alpine
WORKDIR /app
COPY package*.json ./
RUN npm install --production
COPY . .
EXPOSE 3001
CMD ["node", "server.js"]

Then I pushed each image to Docker Hub under my account (raihanuldev) so they could be pulled and deployed independently.

docker build -t raihanuldev/auth-service:latest .
docker push raihanuldev/auth-service:latest

This taught me something important: the build process and the run process are completely separate. You build once, run anywhere. That separation changes how you think about deployment.

Deploying to Render.com

Render.com let me deploy each Docker container as a separate web service — which is exactly how microservices should be deployed.

The catch: Render's free tier spins down services after inactivity. When all four services spin down simultaneously and a request comes in, the cold start chain can take a while.

For production, you'd solve this with health check pings or a paid tier. For a portfolio project, I added a note in the README explaining it. Honesty > pretending it's perfect.

Each service gets its own Render URL, and the API Gateway's environment variables point to those URLs. Swap localhost for production URLs, and the same code runs everywhere.

What I'd Do Differently

1. Start with the data model first.
I jumped into building services before fully thinking through how data would flow between them. Employee IDs referenced in the Attendance Service caused me headaches early on.

2. Add a shared error format from day one.
Each service was returning errors in slightly different formats. Standardize this early — your frontend (and your sanity) will thank you.

3. Logging matters more than you think.
When something breaks in a distributed system, you need logs from multiple services to understand what happened. I added proper logging late. Should have been the first thing.

What I Actually Learned

Building this forced me to understand things that tutorials skim over:

Docker networking — how containers actually talk to each other
Stateless services — why JWT is a natural fit for microservices
Deployment complexity — why DevOps is a real job
Trade-offs — microservices aren't "better," they're a trade-off between complexity and scalability

The most valuable outcome wasn't the project itself. It was being able to look at a system architecture diagram and understand the decisions behind it — not just copy them.

The Code

The project is live on GitHub: github.com/raihanuldev

Docker images are on Docker Hub: raihanuldev/auth-service, raihanuldev/employee-service, etc.

If you're thinking about building a microservices project — don't wait until you feel "ready." You learn the hard parts by hitting them. Start small, pick 2–3 services, and wire them together. The architecture diagram makes sense after you've built it, not before.

I'm a Full Stack Engineer (MERN + ASP.NET) based in Bangladesh, currently open to remote internships and junior engineer roles. If you're working on interesting systems, let's connect.

Tags: #microservices #node #docker #webdev

Deep Dive into Strings: The Unsung Hero of DSA (C++ Edition) Blog-1 | DSA Expert Series

Raihanul Islam Sharif — Sat, 16 May 2026 22:48:48 +0000

Deep Dive into Strings: The Unsung Hero of DSA (C++ Edition)

Blog-1 | DSA Expert Series

Strings are one of the most important data structures in competitive programming and interviews. Mastering them in C++ gives you a massive edge.

What is a String in C++?

In C++, std::string is a dynamic, mutable character sequence (unlike Java/Python where strings are immutable).

#include <bits/stdc++.h>
using namespace std;

int main() {
    string s = "hello";
    s += " world";           // mutable - efficient
    cout << s << endl;       // hello world
    cout << s.length() << endl;  // 11 (O(1))
    cout << s[0] << endl;    // h  → O(1) access
}

Key Operations & Best Practices (C++)

Operation	Recommended Way	Time Complexity
Concatenation	`+=` or `reserve()`	Amortized O(1) per op
Build large string	`reserve()` + `+=`	O(n) total
Reverse	`reverse(s.begin(), s.end())`	O(n)
Substring	`s.substr(pos, len)`	O(len)

Pro Tip: Always use s.reserve(n) when you know the final size to avoid reallocations.

Must-Know Techniques with C++ Code

1. Two Pointers - Reverse String (In-place)

void reverseString(string &s) {
    int left = 0, right = s.length() - 1;
    while (left < right) {
        swap(s[left++], s[right--]);
    }
}

2. Check Palindrome (Ignoring non-alphanumeric)

bool isPalindrome(string s) {
    int left = 0, right = s.length() - 1;
    while (left < right) {
        while (left < right && !isalnum(s[left])) left++;
        while (left < right && !isalnum(s[right])) right--;
        if (tolower(s[left++]) != tolower(s[right--])) 
            return false;
    }
    return true;
}

3. Longest Substring Without Repeating Characters (Sliding Window)

int lengthOfLongestSubstring(string s) {
    unordered_map<char, int> mp;
    int left = 0, maxLen = 0;

    for (int right = 0; right < s.length(); right++) {
        if (mp.count(s[right]) && mp[s[right]] >= left) {
            left = mp[s[right]] + 1;
        }
        mp[s[right]] = right;
        maxLen = max(maxLen, right - left + 1);
    }
    return maxLen;
}

4. Group Anagrams (Using Frequency Array - Fastest)

string getKey(const string& str) {
    vector<int> count(26, 0);
    for (char c : str) {
        if (islower(c)) count[c - 'a']++;
    }
    string key = "";
    for (int freq : count) key += to_string(freq) + "#";
    return key;
}

Advanced: Rolling Hash (Rabin-Karp) in C++

long long rollingHash(const string& s) {
    const long long MOD = 1e9 + 7;
    const long long base = 31;
    long long hash = 0, power = 1;

    for (char c : s) {
        hash = (hash + (c - 'a' + 1) * power) % MOD;
        power = (power * base) % MOD;
    }
    return hash;
}

Pro Tips for C++ Developers

Prefer std::string over char[].
Use s.reserve() before heavy concatenations.
string_view (C++17) for read-only views — very fast, zero copy.
For very large input, use fast input: ios::sync_with_stdio(false); cin.tie(NULL);

Practice Path

Easy: Reverse String, Valid Palindrome, Valid Anagram

Medium: Longest Substring Without Repeating, Group Anagrams, Minimum Window Substring

Hard: Longest Palindromic Substring, Distinct Subsequences, Wildcard Matching

Strings may look easy, but deep mastery (especially in C++) separates good coders from experts.

Next Blog: Deep Dive into Tries & Suffix Structures in C++.

What’s your favorite string problem? Comment below 👇

Happy Coding!

About the Author
Rihanul Islam
Competitive Programmer | DSA Enthusiast | Building strong fundamentals in Data Structures and Algorithms.

Closure Bangla

Raihanul Islam Sharif — Mon, 29 Sep 2025 08:11:25 +0000

🚀 Go Language এ Closure + Escape Analysis
প্রোগ্রামিং-এ closure একটা দারুণ কনসেপ্ট।
Closure মানে হলো → একটা function, যেটা outer function এর ভেতরের variable কে "মনে রাখে", এমনকি outer function শেষ হয়ে গেলেও।
👉 Example in Go:
func counter() func() int {
x := 0
return func() int {
x++
return x
}
}
এখানে counter() ফাংশন return করছে একটা inner function।
Inner function এখনও x ভ্যারিয়েবল মনে রাখছে।
তাহলে প্রশ্ন আসলো → outer function তো শেষ হয়ে গেছে,x বেঁচে রইলো কিভাবে? 🤔
এখানেই আসে Escape Analysis।

Go compiler একটা process চালায় যেটাকে বলে escape analysis।
এটা basically চেক করে → কোন ভ্যারিয়েবল stack এ থাকবে আর কোনটা heap এ escape করবে।
🔎 উপরের কোড x → heap এ চলে গেছে।
কারণ closure ফাংশন return হচ্ছে, আর তার বাইরে থেকেও x এর দরকার হচ্ছে।
📌 Bottom line:

Local variable হলে → normally stack এ থাকে
Closure বা long-living object হলে → escape করে heap এ যায়💡 আমার মতে শুরুতে closure বুঝা জরুরি, কারণ এটা হলো concept। তারপর naturally curiosity আসবে — “variable বাঁচলো কিভাবে?” → তখন escape analysis বোঝা easy হয়ে যাবে।
👉 আপনার মতে Go শেখার শুরুতে closure & escape analysis – কোনটা আগে বোঝা উচিত?

Go Internal Memory Bangla

Raihanul Islam Sharif — Mon, 29 Sep 2025 08:09:26 +0000

আজকে আমি শেয়ার করছি Go (Golang) প্রোগ্রামের ভেতরে মেমোরি কিভাবে কাজ করে সেটা নিয়ে আমার শেখা কিছু জিনিস।
প্রথমে মনে হতে পারে এটা শুধু "টেকনিক্যাল" ব্যাপার, কিন্তু আসলে মেমোরি কিভাবে ম্যানেজ হয় সেটা বুঝলে কোড অপটিমাইজ করা আর বাগ ফিক্স করা অনেক সহজ হয়ে যায়। 🙂

⚡ Go Program এর Phase
Go প্রোগ্রাম রান হওয়ার আগে/পরে সাধারণত দুইটা ধাপে কাজ হয়
1.Compilation Phase → আমাদের কোড মেশিন readable হয়ে যায়।
2.Execution Phase → আসল প্রোগ্রাম চালু হয় এবং memory allocate হয়।

🧠 Internal Memory Layout
Go প্রোগ্রাম রান করার সময় মেমোরি সাধারণত ৪ ভাগে ভাগ হয়ে যায় –

1️⃣ Code Segment
এখানে প্রোগ্রামের সব function আর compiled instructions store থাকে।
উদাহরণ: main(), square() – এগুলো code segment এ থাকে।
2️⃣ Data Segment
এখানে global আর static variables store হয়।
যেমন:
var version string = "1.0.0"
এই version data segment এ থাকবে।
3️⃣ Stack

যখন কোনো function কল হয় তখন Stack Frame তৈরি হয়।
লোকাল ভ্যারিয়েবল, parameter, return address সব এখানে অস্থায়ীভাবে থাকে।
কাজ শেষ হয়ে গেলে সেই stack frame pop হয়ে যায় (LIFO – Last In First Out)

4️⃣ Heap

Heap memory গুলো Garbage Collector (GC) ম্যানেজ করে, মানে ম্যানুয়ালি free করতে হয় না।

📌 Summary (Easy Way to Remember)
Code Segment → function definitions
Data Segment → global/static variables
Stack → temporary data (function call এর সময়)
Heap → dynamically allocated data (GC দ্বারা free হয়)

Stack কি?

Raihanul Islam Sharif — Thu, 30 Jan 2025 17:41:08 +0000

Stack হলো একটি লিনিয়ার ডাটা স্ট্রাকচার যা LIFO (Last In, First Out) পদ্ধতিতে কাজ করে। অর্থাৎ যে আইটেমটি শেষবার স্ট্যাকে ঢোকানো হয়, সেটি সবার আগে বের হয়।

Stack এর মূল কাজ:

1. Push: স্ট্যাকে নতুন একটি আইটেম যোগ করা।

Pop:** স্ট্যাক থেকে একটি আইটেম মুছে ফেলা।

3. Top/Peek: স্ট্যাকের শীর্ষে থাকা আইটেমটি দেখা (মুছা ছাড়াই)।

4. isEmpty: চেক করা যে স্ট্যাক খালি কিনা।

**
Stack কিভাবে কাজ করে?**

উদাহরণ:

ধরা যাক, একটি স্ট্যাকে আমরা নিচের কাজগুলো করবো:

Push: 10 → 20 → 30

Pop: একবার Pop করলে 30 মুছে যাবে।

স্ট্যাকের অবস্থান:

Push(10): [10]
Push(20): [10, 20]
Push(30): [10, 20, 30]
Pop(): [10, 20]

Stack ইমপ্লিমেন্টেশন (C++):

`#include
using namespace std;

define MAX 100 // স্ট্যাকের ম্যাক্সিমাম সাইজ

class Stack {
int top; // শীর্ষ আইটেমের অবস্থান
int arr[MAX]; // স্ট্যাক হিসেবে অ্যারে ব্যবহার

public:
Stack() { top = -1; } // কন্সট্রাক্টর: স্ট্যাক শুরুতে খালি
bool isEmpty() { return top == -1; } // চেক খালি কিনা
bool isFull() { return top == MAX - 1; } // চেক পূর্ণ কিনা

void push(int value) {
if (isFull()) {
cout << "Stack Overflow!" << endl;
return;
}
arr[++top] = value; // টপ ইনক্রিমেন্ট করে ভ্যালু যোগ
cout << value << " pushed to stack." << endl;
}

void pop() {
if (isEmpty()) {
cout << "Stack Underflow!" << endl;
return;
}
cout << arr[top--] << " popped from stack." << endl; // টপ থেকে ভ্যালু মুছে টপ কমানো
}

void peek() {
if (isEmpty()) {
cout << "Stack is empty!" << endl;
return;
}
cout << "Top element is: " << arr[top] << endl;
}
};

int main() {
Stack s;

s.push(10);
s.push(20);
s.push(30);
s.peek(); // শীর্ষ দেখানো
s.pop(); // শীর্ষ মুছে ফেলা
s.peek(); // নতুন শীর্ষ দেখানো

return 0;
}

আউটপুট:

10 pushed to stack.
20 pushed to stack.
30 pushed to stack.
Top element is: 30
30 popped from stack.
Top element is: 20
`

Stack এর ব্যবহার:

ফাংশন কলের ট্র্যাক রাখা।
আনডো/রিডো অপারেশন।
প্যালিনড্রোম চেক।
ব্যালেন্সড প্যারেনথেসিস চেক করা।

Stack সহজ, কিন্তু শক্তিশালী একটি ডাটা স্ট্রাকচার!

Middle Of the Linked List Solution | DS Topic |Leetcode

Raihanul Islam Sharif — Wed, 25 Dec 2024 13:46:18 +0000

https://leetcode.com/problems/middle-of-the-linked-list/solutions/6185567/middle-of-the-linked-list-solution-ds-to-6ap5

Coordinate System Summary

Raihanul Islam Sharif — Tue, 17 Sep 2024 22:26:50 +0000

A coordinate system is a framework that allows you to locate points in space using numbers called coordinates. It defines a reference grid or plane and specifies how to assign values to points based on their position relative to a set of axes.

Main Types of Coordinate Systems:

Cartesian Coordinate System (Rectangular):
- Uses two perpendicular axes (x and y) in 2D, and three (x, y, z) in 3D.
- Points are defined by distances from these axes (e.g., (3, 4) in 2D).
Polar Coordinate System:
- Used for 2D plane; defines points by a distance from the origin (radius, r) and an angle (θ) from the positive x-axis.
- Useful for circular and rotational problems.
Spherical and Cylindrical Coordinate Systems:
- Used for 3D space.
- Spherical: Points are defined by radius, polar angle, and azimuthal angle.
- Cylindrical: Points are defined by radius, angle, and height (r, θ, z).

Each system has its advantages and is chosen based on the geometry of the problem being solved.

বুবল সর্ট, সিলেকশন সর্ট এবং ইনসার্টশন সর্ট

Raihanul Islam Sharif — Wed, 26 Jun 2024 22:36:47 +0000

কম্পিউটার বিজ্ঞানে সর্টিং অ্যালগরিদমগুলি ডেটা সংগঠনের জন্য অত্যন্ত গুরুত্বপূর্ণ। এখানে আমরা তিনটি বেসিক সর্টিং অ্যালগরিদম নিয়ে আলোচনা করব: বুবল সর্ট, সিলেকশন সর্ট, এবং ইনসার্টশন সর্ট। প্রতিটি অ্যালগরিদমের নিজস্ব পদ্ধতি এবং কার্যকারিতা রয়েছে।

১. বুবল সর্ট (Bubble Sort)

সংক্ষিপ্ত বিবরণ:
বুবল সর্ট একটি সহজ সর্টিং অ্যালগরিদম যা বারবার তালিকাটির মধ্য দিয়ে যায়, সংলগ্ন উপাদানগুলির তুলনা করে এবং প্রয়োজনে তাদের স্থান বিনিময় করে। এই প্রক্রিয়া চলতে থাকে যতক্ষণ না তালিকাটি সম্পূর্ণভাবে সর্ট হয়ে যায়।

মূল পয়েন্ট:

পদ্ধতি: সংলগ্ন উপাদানগুলির তুলনা এবং প্রয়োজন অনুযায়ী স্থান বিনিময়।
দক্ষতা: সেরা ক্ষেত্রে (O(n)), গড় এবং সবচেয়ে খারাপ ক্ষেত্রে (O(n^2))।
স্থিতিশীলতা: হ্যাঁ, এটি সমান উপাদানগুলির আপেক্ষিক ক্রম বজায় রাখে।
ব্যবহার: ছোট ডেটাসেট বা শিক্ষামূলক উদ্দেশ্যে সর্বোত্তম।

২. সিলেকশন সর্ট (Selection Sort)
**
**সংক্ষিপ্ত বিবরণ:
সিলেকশন সর্ট প্রতিটি পদক্ষেপে তালিকাটি দুটি অংশে বিভক্ত করে: সর্ট করা এবং অসম্পূর্ণ। এটি অসম্পূর্ণ অংশ থেকে সর্বনিম্ন (বা সর্বাধিক) উপাদানটি খুঁজে বের করে এবং সর্ট করা অংশে যোগ করে।

মূল পয়েন্ট:

পদ্ধতি: সর্বনিম্ন উপাদান খুঁজে বের করা এবং তার স্থান বিনিময় করা।
দক্ষতা: সেরা, গড় এবং সবচেয়ে খারাপ ক্ষেত্রে (O(n^2))।
স্থিতিশীলতা: না, এটি সমান উপাদানগুলির আপেক্ষিক ক্রম বজায় রাখে না।
ব্যবহার: সাধারণভাবে শিক্ষামূলক উদ্দেশ্যে ব্যবহৃত হয়।

৩. ইনসার্টশন সর্ট (Insertion Sort)

সংক্ষিপ্ত বিবরণ:
ইনসার্টশন সর্ট তালিকাটির প্রতিটি উপাদানকে তার সঠিক স্থানে স্থানান্তরিত করে এবং ক্রমান্বয়ে সর্ট করা তালিকা তৈরি করে। এটি প্রতিটি উপাদানকে আগের উপাদানগুলির সাথে তুলনা করে এবং সঠিক স্থানে প্রবেশ করায়।

মূল পয়েন্ট:

পদ্ধতি: প্রতিটি উপাদানকে তার সঠিক স্থানে প্রবেশ করানো।
দক্ষতা: সেরা ক্ষেত্রে (O(n)), গড় এবং সবচেয়ে খারাপ ক্ষেত্রে (O(n^2))।
স্থিতিশীলতা: হ্যাঁ, এটি সমান উপাদানগুলির আপেক্ষিক ক্রম বজায় রাখে।
ব্যবহার: ছোট ডেটাসেট বা প্রায়-সর্ট করা তালিকার জন্য উপযুক্ত।

Redux কি?

Raihanul Islam Sharif — Thu, 30 May 2024 06:04:03 +0000

রিডাক্স হলো একটি প্রেডিক্টেবল স্টেট কন্টেইনার যা জাভাস্ক্রিপ্ট অ্যাপ্লিকেশনের জন্য ব্যবহৃত হয়। রিডাক্সের প্রধান উদ্দেশ্য হলো অ্যাপ্লিকেশনের স্টেটকে সুসংগঠিত ও পূর্বাভাসযোগ্য রাখা। এটি সাধারণত রিয়্যাক্টের সাথে ব্যবহৃত হলেও অন্যান্য ফ্রেমওয়ার্ক বা লাইব্রেরিতেও ব্যবহার করা যায়।

রিডাক্সের মূল তিনটি নীতি হলো:

একক স্টেট সোর্স: সম্পূর্ণ অ্যাপ্লিকেশনের স্টেট একটি একক অবজেক্ট ট্রি হিসাবে একটি স্টোরে সংরক্ষিত থাকে।
স্টেট শুধুমাত্র রিড-অনলি: স্টেট সরাসরি পরিবর্তন করা যায় না, বরং অ্যাকশন ডিসপ্যাচ করে তা পরিবর্তন করতে হয়। অ্যাকশন হলো একটি সাধারণ জাভাস্ক্রিপ্ট অবজেক্ট যা স্টেট পরিবর্তনের ইচ্ছা প্রকাশ করে।
স্টেট পরিবর্তনকারী রিডিউসার: স্টেট কিভাবে পরিবর্তিত হবে তা রিডিউসার ফাংশন দ্বারা সংজ্ঞায়িত হয়। রিডিউসার হলো একটি পিওর ফাংশন যা পূর্ববর্তী স্টেট ও অ্যাকশন নিয়ে নতুন স্টেট রিটার্ন করে।

রিডাক্স ব্যবহারের মাধ্যমে অ্যাপ্লিকেশনের স্টেট ম্যানেজমেন্ট সহজ এবং পরিষ্কার হয়, যা ডিবাগিং ও টেস্টিং সহজ করে তোলে।

Async এবং await কিভাবে কাজ করে?

Raihanul Islam Sharif — Thu, 30 May 2024 06:01:22 +0000

জাভাস্ক্রিপ্টে অ্যাসিনক্রোনাস অপারেশন পরিচালনার জন্য async এবং await কীওয়ার্ডগুলি ব্যবহার করা হয়, যা কোডকে আরও পাঠযোগ্য এবং পরিষ্কার করে তোলে।

`async` ফাংশন

async কীওয়ার্ডটি একটি ফাংশনের আগে ব্যবহার করা হয়, যা ফাংশনটিকে অ্যাসিনক্রোনাস ফাংশনে রূপান্তরিত করে এবং প্রমিস রিটার্ন করে। উদাহরণস্বরূপ:

async function fetchData() {
    return "Data fetched!";
}

উপরের fetchData ফাংশনটি স্বাভাবিকভাবে Promise রিটার্ন করবে যা "Data fetched!" রেজলভ করবে।

`await` এক্সপ্রেশন

await কীওয়ার্ডটি শুধুমাত্র async ফাংশনের ভিতরে ব্যবহার করা যায় এবং এটি একটি প্রমিসের রেজলভ বা রিজেক্ট হওয়া পর্যন্ত অপেক্ষা করে। উদাহরণস্বরূপ:

async function fetchData() {
    let response = await fetch('https://api.example.com/data');
    let data = await response.json();
    console.log(data);
}

উপরের উদাহরণে, প্রথমে fetch ফাংশনটি একটি প্রমিস রিটার্ন করে এবং await এর মাধ্যমে সেই প্রমিস রেজলভ হওয়া পর্যন্ত অপেক্ষা করে। এরপর, response.json() এর মাধ্যমে JSON ডেটা পাওয়ার জন্য আবার await ব্যবহার করা হয়।

সম্পূর্ণ উদাহরণ

async function getUserData(userId) {
    try {
        let response = await fetch(`https://api.example.com/users/${userId}`);
        if (!response.ok) {
            throw new Error('Network response was not ok');
        }
        let userData = await response.json();
        console.log(userData);
    } catch (error) {
        console.error('There has been a problem with your fetch operation:', error);
    }
}

getUserData(1);

এখানে, getUserData ফাংশনটি একটি ইউজারের ডেটা ফেচ করে এবং যদি কোনো সমস্যা থাকে, তাহলে catch ব্লকের মাধ্যমে সেটি হ্যান্ডেল করে। async ও await ব্যবহারের ফলে কোডটি আরও সহজে পড়া এবং বোঝা যায়, যা অ্যাসিনক্রোনাস অপারেশন পরিচালনা করার জন্য অত্যন্ত উপকারী।

MVC

Raihanul Islam Sharif — Thu, 07 Mar 2024 13:04:57 +0000

MVC (Model-View-Controller) is a software architectural pattern commonly used in designing user interfaces and web applications. It divides an application into three interconnected components:

Model: The Model represents the data and the business logic of the application. It encapsulates the data and the behavior associated with that data. The Model responds to requests for information (usually from the Controller) and updates itself accordingly. It does not know about the user interface or how the data is presented to the user.
View: The View is responsible for presenting the data to the user. It represents the user interface elements such as screens, pages, forms, or widgets. The View receives data from the Model and presents it to the user in a way that is understandable and visually appealing. Views are passive and do not contain any business logic; they simply display the data provided by the Model.

3.Controller: The Controller acts as an intermediary between the Model and the View. It receives user input from the View, processes it (often by interacting with the Model), and updates the View accordingly. The Controller interprets user actions and translates them into commands for the Model or the View. It also handles application logic, such as routing and determining which View to display.

The key principles of MVC => Separation of concerns,Modifiability and maintainability,Testability.
It provides a structured approach to building applications, making them more organized, maintainable, and scalable.

mvc #modular #model #view #controller #developercommunity

টাইপস্ক্রিপ্ট

Raihanul Islam Sharif — Mon, 26 Feb 2024 20:30:08 +0000

টাইপস্ক্রিপ্ট মুলত একটি Javascript ভিত্তিক প্রোগ্রামিং ভাষা। যা ডেবলপারদের কোডে ডাটা টাইপিং মিস্টেক এর হাত থেকে রক্ষা করে। যেমন: জাভাস্ক্রিপ্ট এ আমরা যদি কোনো অবজেক্ট ডিক্লেয়ার করি তখন সেখানে কিন্তু আমরা কোনো টাইপ বলে দি না। তখন কিন্তু আমাদের কোডে এক প্রকার একটা ডাটা টাইপিং এ প্রবলেম হতে পারে, যেমন আমরা ইনপুট হিসেবে চাইলাম ইউজার এর নাম ; অবশ্যই সেটা স্ট্রি হতে হবে, আমরাও জানি সেটা স্ট্রিং হবে, প্রবলেম টা হবে তখনই যখন ইনপুট হিসেবে আমরা স্ট্রিং এর বদলে অন্য কোন টাইপ দিবো। তখন কিন্তু একটা প্রবলেম মাস্ট হবে।
তো এই প্রবলেমটাকে হ্যান্ডেল করার জন্য মুলত টাইপ স্ক্রিপ্ট মামাকে তৈরি করা হয়েছে।

এই টাইস্ক্রিপ্ট আমাদের কোড করার সময়ই দিক নির্দেশনা দিয়ে দিবে যেমনটা আমরা তাকে আগে বলে দিসি।
যেমন: একটা অবজেক্ট ডিক্লেয়ার করার সময় বলে দিতে হয় যে, এই প্রোপার্টির এই এই টাইপ হবে, তখন যদি আমরা ভুলে বা বে খেয়ালে টাইপ ভুল করি তখনই আমাদের টাইপস্ক্রিপ্ট বলে দিবে যে ভাই আমাকে তুমরা এই এই টাইপ দিবে বলসো কিন্তু এখন অন্য একটা দিচ্ছো,এইটা কিন্তু সেই মাইন্ড করবে।

সো আমার দিক থেকে টাইপ স্ক্রিপ্ট এর এই ব্যাপারটা খুব মজা লাগছে বিষয়টা ভালো লাগছে।

DEV Community: Raihanul Islam Sharif

How I Built a Microservices System from Scratch (No Tutorial)

How I Built a Microservices System from Scratch (No Tutorial)

Why Microservices? (The Honest Answer)

The Architecture (What I Landed On)

The First Real Problem: How Do Services Talk to Each Other?

JWT Auth Across Services — The Tricky Part

Dockerizing Everything

Deploying to Render.com

What I'd Do Differently

What I Actually Learned

The Code

Deep Dive into Strings: The Unsung Hero of DSA (C++ Edition) Blog-1 | DSA Expert Series

What is a String in C++?

Key Operations & Best Practices (C++)

Must-Know Techniques with C++ Code

1. Two Pointers - Reverse String (In-place)

2. Check Palindrome (Ignoring non-alphanumeric)

3. Longest Substring Without Repeating Characters (Sliding Window)

4. Group Anagrams (Using Frequency Array - Fastest)

Advanced: Rolling Hash (Rabin-Karp) in C++

Pro Tips for C++ Developers

Practice Path

Closure Bangla

Go Internal Memory Bangla

Stack কি?

define MAX 100 // স্ট্যাকের ম্যাক্সিমাম সাইজ

Middle Of the Linked List Solution | DS Topic |Leetcode

Coordinate System Summary

Main Types of Coordinate Systems:

বুবল সর্ট, সিলেকশন সর্ট এবং ইনসার্টশন সর্ট

Redux কি?

Async এবং await কিভাবে কাজ করে?

async ফাংশন

await এক্সপ্রেশন

সম্পূর্ণ উদাহরণ

MVC

mvc #modular #model #view #controller #developercommunity

টাইপস্ক্রিপ্ট

`async` ফাংশন

`await` এক্সপ্রেশন