ZeroEnglish

Zero English

Zero English হলো বাংলা ভাষাভাষী শিক্ষার্থীদের জন্য তৈরি একটি পূর্ণাঙ্গ, ইন্টারঅ্যাক্টিভ এবং সম্পূর্ণ open source ইংরেজি শেখার প্ল্যাটফর্ম। আমাদের দেশের অধিকাংশ শিক্ষার্থীর জন্য ইংরেজি শেখার অন্যতম প্রধান বাধা হলো উপযুক্ত কনটেক্সট এবং মাতৃভাষায় সহজ ব্যাখ্যার অভাব। প্রচলিত আন্তর্জাতিক প্ল্যাটফর্মগুলো সাধারণত সম্পূর্ণ ইংরেজিতে দিকনির্দেশনা প্রদান করে, যা প্রাথমিক বা মধ্যম স্তরের শিক্ষার্থীদের কাছে জটিল মনে হয়। এই সমস্যার বাস্তবসম্মত সমাধান হিসেবে Zero English তৈরি করা হয়েছে, যাতে একজন শিক্ষার্থী একেবারে শূন্য থেকে শুরু করে আন্তর্জাতিক CEFR স্ট্যান্ডার্ড অনুযায়ী ধাপে ধাপে নিজের ইংরেজি দক্ষতা বাড়াতে পারেন।

The Problem and Solution

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

Zero English এই সমস্যার একটি সমন্বিত ডিজিটাল সমাধান তৈরি করেছে। এখানে Oxford 3000 এবং Oxford 5000 তালিকাভুক্ত পাঁচ হাজারের বেশি ইংরেজি শব্দকে CEFR লেভেল অনুসারে সাজানো হয়েছে। প্রতিটি শব্দের সঙ্গে রয়েছে প্রমিত বাংলা অর্থ, ইংরেজি ও সহজ বাংলা সংজ্ঞা, ব্যবহারিক উদাহরণ এবং অডিও উচ্চারণ। ব্যাকরণের জন্য রয়েছে বিস্তারিত সেকশন এবং ক্যাটাগরি ভিত্তিক গাইডলাইন। এছাড়া লিখিত পরীক্ষার প্রস্তুতির জন্য রয়েছে তিন স্তরের ডিফিকাল্টি সম্বলিত Written Notebook, যেখানে শিক্ষার্থীরা একই টপিকের সহজ, মধ্যম এবং উন্নত রূপ পাশাপাশি বাংলা অনুবাদের সাথে পড়তে পারেন। পরীক্ষার পর ভুল হওয়া বিষয়গুলো স্বয়ংক্রিয়ভাবে একটি পারসোনালাইজড Mistake Bank এ জমা হয়, যাতে দুর্বল জায়গাগুলো বারবার অনুশীলন করে দূর করা সম্ভব হয়।

Key Features

Oxford 3000 ও 5000 ভোকাবুলারি সিস্টেম

প্ল্যাটফর্মটিতে আন্তর্জাতিক CEFR স্ট্যান্ডার্ড অনুযায়ী A1, A2, B1, B2, C1 এবং C2 লেভেলে পাঁচ হাজারের বেশি শব্দ বিন্যস্ত রয়েছে। প্রতিটি শব্দ কার্ডে রয়েছে প্রমিত বাংলা অর্থ, ইংরেজি সংজ্ঞা, সহজ বাংলা ভাবার্থ, বাস্তবসম্মত উদাহরণ বাক্য এবং সিনোনিম। Web Speech API এর মাধ্যমে সরাসরি ব্রাউজার থেকেই প্রতিটি শব্দের সঠিক ব্রিটিশ ও আমেরিকান উচ্চারণ শোনার সুবিধা রয়েছে। শিক্ষার্থীরা প্রতিটি শব্দকে Learned, Still Learning কিংবা Bookmarked হিসেবে চিহ্নিত করে নিজেদের অগ্রগতি ট্র্যাক করতে পারেন।

স্ট্রাকচার্ড ব্যাকরণ পাঠ্যক্রম

ইংরেজি ব্যাকরণকে মুখস্থ নির্ভর না রেখে লজিক্যাল ও প্রাতিষ্ঠানিক নিয়মে শেখার জন্য তৈরি করা হয়েছে একটি বহুস্তরীয় কারিকুলাম। ব্যাকরণকে প্রথমে প্রধান Sections (যেমন Parts of Speech, Tenses, Sentence Structures) এবং পরবর্তীতে সাব ক্যাটাগরিতে ভাগ করা হয়েছে। প্রতিটি নিয়মের সাথে যুক্ত রয়েছে সুনির্দিষ্ট স্ট্রাকচার ফর্মুলা, বিস্তারিত দ্বৈত ভাষার ব্যাখ্যা, বাস্তব জীবনের উদাহরণ এবং সাধারণ ভুলত্রুটির বিশ্লেষণ।

মাল্টি টিয়ার রিটেন নোটবুক

একাডেমিক ও ক্যারিয়ারের লিখিত পরীক্ষার প্রস্তুতির জন্য রয়েছে প্যারাগ্রাফ, রচনা, ফরমাল ও ইনফরমাল লেটার, অ্যাপ্লিকেশন এবং ডায়ালগের এক বিশাল সংগ্রহ। প্রতিটি লেখার জন্য রয়েছে তিনটি পৃথক ডিফিকাল্টি লেভেল Easy, Medium এবং Hard। একজন শিক্ষার্থী নিজের বর্তমান দক্ষতা অনুযায়ী যে কোনো স্তরের লেখা পড়তে পারেন এবং প্যারালাল বাংলা অনুবাদের সাহায্যে প্রতিটি লাইনের অর্থ পরিষ্কারভাবে বুঝতে পারেন। রিডিং এক্সপেরিয়েন্স স্বাচ্ছন্দ্যময় করার জন্য রয়েছে Clean, Sepia এবং Midnight পেপার থিম, ফন্ট সাইজ নিয়ন্ত্রণ এবং সরাসরি প্রিন্ট ও কপি করার ব্যবস্থা।

কুইজ ও উইকলি এক্সাম ইকোসিস্টেম

শেখার পর নিয়মিত মূল্যায়নের জন্য প্ল্যাটফর্মটিতে রয়েছে বহুবিধ কুইজ মোড। এর মধ্যে রয়েছে তাৎক্ষণিক অনুশীলনের জন্য Quick Quiz, শ্রেণিভিত্তিক Class Quiz, প্রতিদিনের অভ্যাসের জন্য Daily Quiz এবং অ্যাডমিন নিয়ন্ত্রিত শিডিউলড Weekly Exams। উইকলি পরীক্ষায় থাকে নির্দিষ্ট সময়সীমা, কাউন্টডাউন টাইমার, স্বয়ংক্রিয় সাবমিশন এবং তাৎক্ষণিক পার্সেন্টাইল স্কোরিং। পরীক্ষা শেষে প্রতিটি প্রশ্নের সঠিক উত্তরের সাথে বিস্তারিত ব্যাখ্যা দেখতে পাওয়া যায়।

পারসোনালাইজড মিসটেক ব্যাংক

যেকোনো কুইজ বা পরীক্ষায় অংশগ্রহণ করার পর শিক্ষার্থী যেসব প্রশ্নের উত্তর ভুল করেন, সেগুলো স্বয়ংক্রিয়ভাবে তার ব্যক্তিগত Mistake Bank এ জমা হয়। এর ফলে শিক্ষার্থীকে পুরো বই বা শত শত শব্দ পুনরায় রিভিশন দিতে হয় না। তিনি সরাসরি মিসটেক ব্যাংক থেকে শুধুমাত্র নিজের ভুল হওয়া শব্দ ও ব্যাকরণগত প্রশ্নগুলো নিয়ে আলাদা কুইজ দিতে পারেন এবং সঠিক উত্তর দেওয়ার পর সেগুলো মাস্টার্ড হিসেবে তালিকাভুক্ত হয়।

ডাইনামিক সার্টিফিকেট ও ভিজ্যুয়াল ক্যানভাস ইঞ্জিন

প্ল্যাটফর্মে রয়েছে Fabric.js চালিত একটি সম্পূর্ণ ব্রাউজার বেজড ভিজ্যুয়াল টেমপ্লেট রেন্ডারিং ইঞ্জিন। কুইজের ফলাফল, সাপ্তাহিক পরীক্ষার পডিয়াম অ্যাচিভমেন্ট কিংবা কনট্রিবিউটর স্বীকৃতির জন্য স্বয়ংক্রিয়ভাবে আকর্ষণীয় সোশ্যাল মিডিয়া কার্ড ও সার্টিফিকেট তৈরি হয়। প্রতিটি সনদে থাকে ডাইনামিক ভেরিফিকেশন কিউআর কোড, যা স্ক্যান করে পাবলিক প্রোফাইল থেকে যেকোনো অর্জনের সত্যতা যাচাই করা যায়।

অটোমেটেড ইমেইল ও নোটিফিকেশন সিস্টেম

সাপ্তাহিক পরীক্ষার ফলাফল প্রকাশিত হলে প্রথম, দ্বিতীয় ও তৃতীয় স্থান অর্জনকারী শিক্ষার্থীদের জন্য স্বয়ংক্রিয়ভাবে আকর্ষণীয় এডিটোরিয়াল ইমেইল নোটিফিকেশন পাঠানো হয়। Nodemailer এবং কাস্টমাইজড এইচটিএমএল টেমপ্লেট ইঞ্জিনের সমন্বয়ে প্ল্যাটফর্মটিতে রয়েছে পূর্ণাঙ্গ ইমেইল কনফিগারেশন, বাল্ক ব্রডকাস্ট এবং ডেলিভারি লগিং ব্যবস্থা।

স্বয়ংসম্পূর্ণ অ্যাডমিন ও কনট্রিবিউটর কন্ট্রোল প্যানেল

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

How It Works

Zero English এর ইউজার জার্নি অত্যন্ত স্বাভাবিক এবং ব্যবহারকারী বান্ধব।

1. প্রাথমিক প্রবেশ ও এক্সপ্লোরেশন: কোনো ভিজিটর ওয়েবসাইটে প্রবেশ করলে তিনি সরাসরি হোমপেজ থেকে নিজের উপযুক্ত CEFR লেভেল বেছে নিয়ে শব্দভাণ্ডার পড়তে পারেন অথবা সার্চ বারের মাধ্যমে যেকোনো শব্দের বাংলা অর্থ ও ব্যাকরণিক নিয়ম খুঁজে পেতে পারেন। প্রাথমিক ব্রাউজিংয়ের জন্য কোনো সাইন ইন বাধ্যতামূলক নয়।

2. গুগল অ্যাকাউন্ট ইন্টিগ্রেশন: নিয়মিত অনুশীলনের অগ্রগতি সংরক্ষণ করতে চাইলে ব্যবহারকারী গুগল দিয়ে ওয়ান ক্লিক লগইন করতে পারেন। লগইন করার পর স্বয়ংক্রিয়ভাবে ক্লাউড ডেটাবেজে তার প্রোফাইল তৈরি হয় এবং অফলাইনে ব্রাউজ করা পূর্ববর্তী ডেটা অ্যাকাউন্টের সাথে সিঙ্ক হয়ে যায়।

3. দৈনিক লক্ষ্য ও স্টাডি রুটিন: লগইন করা শিক্ষার্থী ড্যাশবোর্ডে তার Daily Goal সেট করতে পারেন। ভোকাবুলারি কার্ড পড়া, নতুন ব্যাকরণ শেখা কিংবা রিটেন নোটবুক পড়ার মাধ্যমে তার দৈনিক প্রগ্রেস বার পূর্ণ হতে থাকে এবং গিটহাব স্টাইলের অ্যাক্টিভিটি হিটম্যাপে তার সক্রিয়তা রেকর্ড হয়।

4. কুইজ ও প্রতিযোগিতা: অর্জিত জ্ঞান যাচাই করতে শিক্ষার্থী প্রতিদিনের কুইজ অথবা প্রতি সপ্তাহের নির্দিষ্ট সময়ে আয়োজিত লাইভ এক্সামে অংশ নেন। পরীক্ষার পর তার অর্জিত পয়েন্ট লিডারবোর্ডে যুক্ত হয়।

5. পারসোনালাইজড রিভিশন: কুইজে করা ভুলগুলো আলাদা না খুঁজে সরাসরি প্রোফাইলের Mistake Bank ট্যাবে চলে যায়। শিক্ষার্থী সেখান থেকে নির্দিষ্ট দুর্বলতাগুলো বারবার প্র্যাকটিস করে সমাধান করে নেন।

6. স্বীকৃতি ও পাবলিক শেয়ারিং: শিক্ষার্থী তার পাবলিক প্রোফাইল লিংক, অর্জিত সার্টিফিকেট কিংবা কুইজ রেজাল্ট কার্ড সোশ্যাল মিডিয়ায় শেয়ার করে বন্ধুদের সাথে পড়াশোনার অগ্রগতি উদযাপন করতে পারেন।

Technical Architecture

Zero English একটি আধুনিক ফুল স্ট্যাক ওয়েব আর্কিটেকচার অনুসরণ করে নির্মিত। এর কোর সিস্টেম Next.js 16 App Router এবং PostgreSQL ডেটাবেজের সমন্বয়ে গঠিত।

ফ্রন্টএন্ড লেয়ার

অ্যাপ্লিকেশনটির ক্লায়েন্ট ইন্টারফেস React 19 এবং Next.js 16 দিয়ে তৈরি। স্টাইলিংয়ের জন্য ব্যবহৃত হয়েছে আধুনিক Tailwind CSS 4 এবং Radix UI এর আনস্টাইলড প্রিমিটিভস, যা সম্পূর্ণ কাস্টম ডিজাইন নিশ্চিত করে। মোশন ইফেক্ট ও ট্রানজিশনের জন্য Motion লাইব্রেরি এবং পেইজ স্ক্রোলিংয়ের স্মুথনেসের জন্য Lenis স্ক্রোল ইঞ্জিন ব্যবহৃত হয়েছে। ইন্টারফেসটি সম্পূর্ণ রেসপনসিভ এবং ডার্ক ও লাইট থিম সমর্থন করে।

সার্ভার ও এপিআই লেয়ার

ব্যাকএন্ডে Next.js এর সার্ভার সাইড রেন্ডারিং এবং ডেডিকেটেড Route Handlers (/api/v1/*) ব্যবহার করা হয়েছে। প্রতিটি রিকোয়েস্ট ভ্যালিডেশনের জন্য Zod স্কিমা ব্যবহৃত হয়েছে। অথেন্টিকেশনের জন্য NextAuth.js এর সাথে Google OAuth প্রোভাইডার কনফিগার করা হয়েছে। অ্যাপ্লিকেশনের প্রতিটি ক্রিটিক্যাল ইভেন্ট ও এরর ট্র্যাকিংয়ের জন্য রয়েছে Winston এবং Morgan চালিত স্ট্রাকচার্ড লগিং আর্কিটেকচার।

ডেটাবেজ ও ওআরএম লেয়ার

মূল ডেটা স্টোরেজ হিসেবে PostgreSQL ডেটাবেজ পরিচালিত হচ্ছে। ডেটাবেজ কমিউনিকেশনের জন্য Prisma ORM এর আধুনিকতম ভার্সন এবং @prisma/adapter-pg কানেকশন পুলার ব্যবহৃত হয়েছে। ডেটাবেজ স্কিমাতে মোট ২৮ টি সুনির্দিষ্ট রিলেশনাল মডেল রয়েছে, যা ইউজার অ্যাক্টিভিটি, ভোকাবুলারি, বহুস্তরীয় ব্যাকরণ, রিটেন আর্টিকেল, কুইজ ব্যাংক, এক্সাম রেজাল্ট, এবং ইমেইল সিস্টেমকে উচ্চ পারফরম্যান্সে ধরে রাখে।

ক্যাশিং ও নেটওয়ার্ক অপটিমাইজেশন

প্ল্যাটফর্মটিতে মাল্টি লেয়ার ক্যাশিং বাস্তবায়ন করা হয়েছে। Vercel Edge CDN এর মাধ্যমে স্ট্যাটিক পেজ এবং এপিআই রেসপন্স দ্রুত ডেলিভার হয়। ভোকাবুলারি ব্রাউজিং এবং ব্লগের মতো রিড হেভি পেজগুলোতে Incremental Static Regeneration (ISR) ব্যবহার করা হয়েছে, যা ডাটাবেজের ওপর অপ্রয়োজনীয় চাপ প্রতিরোধ করে ব্যবহারকারীকে সাব সেকেন্ড রেসপন্স প্রদান করে।

অফলাইন ও পিডব্লিউএ সাপোর্ট

Serwist লাইব্রেরির মাধ্যমে প্রগ্রেসিভ ওয়েব অ্যাপ কনফিগার করা হয়েছে, যাতে মোবাইল ও ডেস্কটপ উভয় ডিভাইসেই ওয়েবসাইটটি অ্যাপের মতো ইনস্টল করা যায়। এছাড়া ক্লায়েন্ট সাইডে ব্রাউজারের Dexie IndexedDB ব্যবহার করা হয়েছে কেবল ইউজারের সাময়িক প্রগ্রেস আইডিগুলো লোকালি ধরে রাখার জন্য, যা পরবর্তীতে অনলাইনে আসা মাত্র ক্লাউড ডেটাবেজের সাথে ডেল্টা সিঙ্ক সম্পন্ন করে।

Technology Stack

Core Frameworks & Runtime

1. Next.js 16 (App Router আর্কিটেকচার ও সার্ভার কম্পোনেন্টস)
2. React 19
3. TypeScript (এন্ড টু এন্ড টাইপ সেফটি)
4. Node.js

Database & ORM

1. PostgreSQL
2. Prisma ORM (28 টি সুসংজ্ঞায়িত স্কিমা মডেল ও মাইগ্রেশন আর্কিটেকচার)
3. @prisma/adapter-pg (কানেকশন পুলিং ও হাই থ্রুপুট কোয়েরি)

Styling, UI & Motion

1. Tailwind CSS 4
2. Radix UI (অ্যাক্সেসিবল হেডলেস কম্পোনেন্টস)
3. Motion (ফ্রেমার মোশন ভিত্তিক মাইক্রো ইন্টারঅ্যাকশন)
4. Lenis (স্মুথ স্ক্রোলিং এক্সপেরিয়েন্স)
5. Lucide React (আধুনিক আইকন সিস্টেম)
6. Sonner (অ্যাক্সেসিবল টোস্ট নোটিফিকেশন)

State Management & Local Storage

1. Zustand (গ্লোবাল ক্লায়েন্ট স্টেট ম্যানেজমেন্ট)
2. Dexie.js (IndexedDB ভিত্তিক অফলাইন ইউজার আইডি ট্র্যাকিং)

Media & Canvas Graphics

1. Fabric.js (ব্রাউজার ভিত্তিক ভেক্টর ও ক্যানভাস টেমপ্লেট রেন্ডারিং)
2. ImageKit Node.js SDK (ক্লাউড ইমেজ প্রসেসিং ও অপটিমাইজেশন)
3. QRCode (ডাইনামিক ভেরিফিকেশন কিউআর জেনারেশন)

Authentication & Security

1. NextAuth.js (গুগল ওঅথ প্রোভাইডার ও প্রিজমা অ্যাডাপ্টার)
2. Zod (এপিআই রিকোয়েস্ট ও ইনপুট স্যানিটাইজেশন)
3. Rehype Sanitize (ইউজার কনটেন্ট ও রিটেন নোটবুকের জন্য XSS প্রতিরোধ)

Content, Communications & Utilities

1. BlockNote Mantine ও React Markdown (রিচ টেক্সট ও এডিটোরিয়াল ব্লগ ইঞ্জিন)
2. Nodemailer (কাস্টম এসএমটিপি ও ট্রানজ্যাকশনাল ইমেইল সার্ভিস)
3. Winston ও Winston Daily Rotate File (সার্ভার সাইড লগিং)
4. Serwist (সার্ভিস ওয়ার্কার ও পিডব্লিউএ লাইফসাইকেল ম্যানেজমেন্ট)

Notable Technical Implementations

ক্লায়েন্ট হেভি আর্কিটেকচার থেকে পিওর সার্ভার সাইড অপটিমাইজেশন

প্রজেক্টটির প্রাথমিক সংস্করণে পাঁচ হাজারেরও বেশি শব্দের সম্পূর্ণ ডেটাবেজ একবারেই ব্রাউজারে জেসন আকারে ডাউনলোড করানো হতো এবং ক্লায়েন্ট ডিভাইসের IndexedDB তে রাইট করা হতো। এর ফলে প্রতি ভিজিটে প্রায় ৪.১ মেগাবাইট ব্যান্ডউইথ খরচ হতো এবং দুর্বল মোবাইল ডিভাইসে ব্রাউজার ফ্রিজ হয়ে যেত। এই জটিলতা দূর করতে সম্পূর্ণ আর্কিটেকচার পুনর্গঠন করে ডেটাবেজ লেভেলে পিওর পেজিনেশন (skip/take) এবং এজ আইএসআর (revalidate = 86400) বাস্তবায়ন করা হয়েছে। এর ফলে প্রতি পেজের ডেটা পেলোড ৪.১ মেগাবাইট থেকে নেমে মাত্র ৩ কিলোবাইটে দাঁড়িয়েছে, যা ব্যান্ডউইথ খরচ প্রায় ৯৯ শতাংশ কমিয়েছে।

ক্যানভাস ভিত্তিক ডাইনামিক সার্টিফিকেট ও রেজাল্ট রেন্ডারার

ব্যবহারকারীর অর্জিত ফলাফল তাৎক্ষণিকভাবে ভিজ্যুয়াল কার্ডে রূপান্তর করার জন্য একটি কাস্টম টেমপ্লেট রেজলভার তৈরি করা হয়েছে। এটি Fabric.js ব্যবহার করে ব্যাকগ্রাউন্ডে টেক্সট, লেআউট, টাইপোগ্রাফি (যেমন Hind Siliguri, Poppins), ব্যবহারকারীর প্রোফাইল ছবি এবং স্বয়ংক্রিয়ভাবে জেনারেট হওয়া ভেরিফিকেশন কিউআর কোডকে একটি সিঙ্গেল ক্যানভাসে ড্র করে হাই রেজ্যুলুশন পিএনজি ছবিতে এক্সপোর্ট করে।

স্মার্ট ব্যাকগ্রাউন্ড হার্টবিট ও ট্যাব ভিজিবিলিটি ফিল্টারিং

ব্যবহারকারীর স্টাডি অ্যাক্টিভিটি ও স্ট্রিক ট্র্যাক করার সময় ব্রাউজার ব্যাকগ্রাউন্ডে থাকা অবস্থায় অপ্রয়োজনীয় পোলিং ব্যাটারি ও সার্ভার রিসোর্স নষ্ট করতো। এ সমস্যা সমাধানে document.visibilityState পর্যবেক্ষণ যুক্ত করা হয়েছে। শুধুমাত্র ট্যাবটি সক্রিয় এবং দৃশ্যমান থাকলে এবং ব্যবহারকারী সাইন ইন করা অবস্থায় থাকলে হার্টবিট রিকোয়েস্ট পাঠানো হয়, যা সার্ভারের ওপর অগুনতি রিকোয়েস্টের চাপ কমিয়ে এনেছে।

অ্যাডভান্সড মাল্টি টিয়ার রিডিং ইন্টারফেস

রিটেন সেকশনে একই প্রবন্ধকে তিনটি ভিন্ন শিক্ষাগত দক্ষতায় পড়ার সুযোগ রয়েছে। এটি বাস্তবায়নের জন্য রিঅ্যাক্ট মার্কডাউন এবং রিহাইপ স্যানিটাইজেশনের সাথে একটি ইন্টারেক্টিভ রিডার যুক্ত করা হয়েছে। ব্যবহারকারী ক্লিকের মাধ্যমে Easy, Medium কিংবা Hard ভার্সনে সুইচ করতে পারেন এবং চাইলে একই সাথে বাংলা অর্থ ও ইংরেজি বাক্য প্যারালালভাবে পড়তে পারেন।

Development Challenges and Solutions

ভার্সেল ফ্রি টিয়ার কোটা ওভারফ্লো সমাধান

উন্নয়নের এক পর্যায়ে বিপুল সংখ্যক শব্দের কারণে প্ল্যাটফর্মটি ভার্সেলের ফ্রি টিয়ার কোটা অতিক্রম করে। সে সময় ফাস্ট অরিজিন ট্রান্সফার সীমা ছিল ১০ জিবি কিন্তু খরচ হচ্ছিল ২১.০৮ জিবি (২১০ শতাংশ বেশি)। এছাড়া প্রতি পেজ লোডে সার্ভিস ওয়ার্কারের অতিরিক্ত প্রিক্যাশিংয়ের কারণে আইএসআর রাইট কোটা ৫০০ শতাংশ পর্যন্ত ওভারফ্লো হয়ে যায়।

এই ইঞ্জিনিয়ারিং চ্যালেঞ্জ মোকাবিলায় তিনটি বড় পরিবর্তন আনা হয়:

1. ভোকাবুলারি ডেটা সরাসরি সার্ভার সাইড পেজিনেশন ও এজ ক্যাশিংয়ের আওতায় নিয়ে আসা হয়।
2. ডেক্সি স্কিমা রিফ্যাক্টরিংয়ের মাধ্যমে ক্লায়েন্ট স্টোরেজ থেকে পুরো ডিকশনারি টেবিলটি অপসারণ করে শুধুমাত্র প্রগ্রেস আইডি সংরক্ষণ চালু করা হয়।
3. সার্ভিস ওয়ার্কারের প্রিক্যাশিং কনফিগারেশন থেকে হোমপেজ ও ডিকশনারি রুট বাদ দিয়ে শুধুমাত্র ফলব্যাক অফলাইন পেজে সীমাবদ্ধ করা হয়।

এই পদক্ষেপগুলোর ফলে প্ল্যাটফর্মটির ক্লাউড এক্সিকিউশন টাইম ৮৯ শতাংশ এবং ব্যান্ডউইথ ব্যবহার ৯৮ শতাংশের বেশি হ্রাস পায়, যা পুরো সিস্টেমকে সম্পূর্ণ নিরাপদ সীমার মধ্যে ফিরিয়ে আনে।

জটিল ব্যাকরণ কাঠামোর রিলেশনাল মডেলিং

ইংরেজি ব্যাকরণের একটি নিয়মের সাথে অন্য নিয়মের ডিপেন্ডেন্সি বা প্রিরিকুইজিট থাকে। যেমন Tense ভালোভাবে বোঝার জন্য Verb ও Parts of Speech এর ধারণা থাকা জরুরি। প্রিজমা ওআরএম এ সেলফ রেফারেন্সিয়াল রিলেশনশিপ (prerequisites এবং prerequisitesFor) তৈরি করে এই ডিপেন্ডেন্সি গ্রাফ মডেল করা হয়েছে। ফলে একজন শিক্ষার্থী কোনো নিয়মে প্রবেশের আগেই দেখতে পান সেই বিষয়টি পড়তে আগে কোন কোন টপিক জানা প্রয়োজন।

অথেন্টিকেশন এবং অফলাইন ডেটার কনফ্লিক্ট রেজল্যুশন

অনেক ভিজিটর অ্যাকাউন্ট না খুলে গেস্ট হিসেবে সাইট ব্যবহার করেন এবং শব্দ শেখা শুরু করেন। পরবর্তীতে তিনি যখন গুগল দিয়ে সাইন ইন করেন, তখন অফলাইন প্রগ্রেস হারিয়ে যাওয়া বা ক্লাউড ডেটার সাথে ওভাররাইট হওয়ার ঝুঁকি তৈরি হতো। এই সমস্যা সমাধানে একটি কাস্টম গেস্ট বাইন্ডিং পাইপলাইন (guest-bind.ts এবং idb.ts) তৈরি করা হয়েছে। লগইনের পর ক্লায়েন্ট লোকাল স্টোরেজের সমস্ত আনসিঙ্কড আইডি সংগ্রহ করে সার্ভারে পাঠায় এবং ডাটাবেজে কনফ্লিক্ট মুক্তভাবে মার্জ সম্পন্ন করে।

Design and User Experience

Zero English এর ইউজার ইন্টারফেস তৈরি করা হয়েছে দীর্ঘ সময় স্বাচ্ছন্দ্যে পড়াশোনা করার বিষয়টি মাথায় রেখে। ইন্টারফেসে আধুনিক মিনিমালিস্ট নান্দনিকতা বজায় রাখা হয়েছে, যেখানে অতিরিক্ত কোনো উপাদান ব্যবহারকারীর মনোযোগ নষ্ট করে না।

টাইপোগ্রাফির ক্ষেত্রে ইংরেজি পাঠের জন্য আধুনিক Inter ফন্ট এবং বাংলা লেখার সাবলীল পাঠযোগ্যতার জন্য Google Fonts এর Hind Siliguri নির্বাচন করা হয়েছে। সাইটজুড়ে রয়েছে পারফেক্ট কনট্রাস্টের ডার্ক এবং লাইট মোড, যা সিস্টেম প্রেফারেন্স অনুযায়ী স্বয়ংক্রিয়ভাবে পরিবর্তিত হতে পারে।

মোবাইল ডিভাইসের জন্য রয়েছে একটি নিবেদিত বটম নেভিগেশন বার এবং স্মুথ ড্রয়ার ইন্টারফেস, যা এক হাতে ফোন ব্যবহার করেও ডিকশনারি ও কুইজ পরিচালনা সহজ করে তোলে। রিটেন নোটবুকে কাগজের প্রাকৃতিক অনুভূতি পেতে রয়েছে সেপিয়া মোড এবং আরামদায়ক নাইট মোড।

My Contribution

এই প্রজেক্টের প্রধান সফটওয়্যার ইঞ্জিনিয়ার ও আর্কিটেক্ট হিসেবে আমি প্ল্যাটফর্মটির কোর আর্কিটেকচার ডিজাইন, ব্যাকএন্ড ও ফ্রন্টএন্ড ডেভেলপমেন্ট এবং জটিল পারফরম্যান্স অপটিমাইজেশন পরিচালনা করেছি। আমার উল্লেখযোগ্য অবদানের মধ্যে রয়েছে:

1. পুরো ব্যাকএন্ড ডেটাবেজ আর্কিটেকচার ডিজাইন এবং প্রিজমা ওআরএম এর ২৮ টি মডেলের বাস্তবায়ন।
2. প্ল্যাটফর্মটির সংকটকালীন পারফরম্যান্স অডিট পরিচালনা এবং ৯৮ শতাংশ ব্যান্ডউইথ হ্রাসকারী সার্ভার সাইড পেজিনেশন ও এজ ক্যাশিং আর্কিটেকচার তৈরি।
3. মাল্টি টিয়ার রিটেন নোটবুক সিস্টেম এবং বাইলিঙ্গুয়াল এডিটোরিয়াল রিডার কম্পোনেন্ট তৈরি।
4. কুইজ ও উইকলি এক্সাম ইঞ্জিন, টাইমার মেকানিজম এবং পারসোনালাইজড মিসটেক ব্যাংক ফিচারটির পূর্ণাঙ্গ বাস্তবায়ন।
5. Fabric.js ব্যবহার করে ডাইনামিক সোশ্যাল রেজাল্ট কার্ড ও কিউআর কোড সম্বলিত সার্টিফিকেট জেনারেশন ইঞ্জিন তৈরি।
6. সম্পূর্ণ অ্যাডমিন ড্যাশবোর্ড, মিডিয়া ম্যানেজার, রোল বেজড অ্যাক্সেস কন্ট্রোল এবং এসএমটিপি চালিত স্বয়ংক্রিয় ইমেইল নোটিফিকেশন সিস্টেম নির্মাণ।

Project Status and Future Scope

Zero English বর্তমানে সম্পূর্ণ সক্রিয় এবং প্রোডাকশনে পরিচালিত হচ্ছে। প্ল্যাটফর্মটির মৌলিক সমস্ত ফিচার যেমন শব্দভাণ্ডার, ব্যাকরণ, পরীক্ষা ব্যবস্থা এবং রিটেন নোটবুক সম্পূর্ণরূপে কার্যকর।

ভবিষ্যৎ উন্নয়ন পরিকল্পনার মধ্যে রয়েছে:

1. এআই চালিত ইন্টারেক্টিভ টিউটর, যা শিক্ষার্থীদের লিখিত ইংরেজি বিশ্লেষণ করে ব্যক্তিগত ফিডব্যাক প্রদান করবে।
2. ভয়েস রিকগনিশন ভিত্তিক স্পোকেন ইংলিশ প্র্যাকটিস মডিউল, যেখানে শিক্ষার্থী নিজে কথা বলে উচ্চারণ ও ফ্লুয়েন্সি যাচাই করতে পারবেন।
3. সরাসরি অ্যান্ড্রয়েড এবং আইওএস অ্যাপ্লিকেশন উন্মুক্তকরণ।
4. কমিউনিটি স্টাডি গ্রুপ এবং পিয়ার টু পিয়ার কুইজ চ্যালেঞ্জ ব্যবস্থা।