Remix

Make your own version of F-I-U Captain Portal

Get an exact, working copy in your account, then change anything with chat.

Original by Sabit MUKTO

What would you change?

Start free with 40 credits. No card needed.

Start fresh from this prompt

Builds a brand new app from the first prompt only, so later changes to the original are not included.

# F-I-U Special Captain Login System — Complete Website Development Prompt

তুমি একজন অভিজ্ঞ Full-Stack Web Developer। আমার F-I-U (Faith, Islamic Unity অথবা সংগঠনের নির্ধারিত পূর্ণরূপ) ওয়েবসাইটের জন্য একটি আধুনিক, প্রিমিয়াম, সম্পূর্ণ কার্যকর এবং নিরাপদ **Special Captain Login System** তৈরি করো।

## 1. আলাদা Captain Login Page

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

## 2. ক্যাপ্টেন লগইনের নিরাপত্তা

- শুধু অ্যাডমিন কর্তৃক অনুমোদিত ক্যাপ্টেন লগইন করতে পারবে।
- সাধারণ সদস্য বা ভিজিটর ক্যাপ্টেন ড্যাশবোর্ডে প্রবেশ করতে পারবে না।
- শুধু লগইন পেজের লিংক লুকিয়ে রাখাকে নিরাপত্তা হিসেবে ব্যবহার করা যাবে না।
- ব্যাকএন্ডে প্রতিটি অনুরোধের সময় ব্যবহারকারীর পরিচয় ও অনুমতি যাচাই করতে হবে।
- ক্যাপ্টেন নিজের অনুমতি নিজে তৈরি বা পরিবর্তন করতে পারবে না।
- ভুল লগইন, মেয়াদোত্তীর্ণ সেশন এবং অননুমোদিত প্রবেশ নিরাপদভাবে পরিচালনা করতে হবে।
- লগইন, লগআউট এবং অনুমতি পরিবর্তনের রেকর্ড রাখতে হবে।

## 3. Admin-Controlled Captain Role

অ্যাডমিন ড্যাশবোর্ডে একটি “Captain Management” বিভাগ থাকবে। অ্যাডমিন এখানে:

- অনুমোদিত সদস্যকে ক্যাপ্টেন হিসেবে নিয়োগ করতে পারবে।
- ক্যাপ্টেনের অনুমতি বাতিল করতে পারবে।
- ক্যাপ্টেন কোন দল পরিচালনা করবে তা নির্ধারণ করতে পারবে।
- ক্যাপ্টেনের তৈরি কর্মসূচি ও রিপোর্ট পর্যবেক্ষণ করতে পারবে।
- অনুমতি বাতিল হলে সংশ্লিষ্ট ক্যাপ্টেনের সুরক্ষিত সুবিধাগুলো বন্ধ হয়ে যাবে।

## 4. Captain Dashboard

ক্যাপ্টেন লগইন করার পর একটি আলাদা ড্যাশবোর্ড পাবে। এতে থাকবে:

- আজকের কর্মসূচি
- নতুন কর্মসূচি তৈরি করার অপশন
- আগের কর্মসূচি দেখা ও সম্পাদনা
- কর্মসূচি প্রকাশ বা বাতিল করার সুবিধা
- নির্ধারিত সদস্য বা দল নির্বাচন
- সদস্যদের দৈনিক রিপোর্ট
- কতজন “হ্যাঁ”, কতজন “না” এবং কতজন উত্তর দেয়নি তার হিসাব
- দৈনিক, সাপ্তাহিক ও মাসিক রিপোর্ট
- নিজের প্রোফাইল ও নিরাপদ লগআউট

## 5. Daily Program Management

ক্যাপ্টেন প্রতিদিনের জন্য কর্মসূচি তৈরি করতে পারবে। প্রতিটি কর্মসূচিতে থাকবে:

- কর্মসূচির শিরোনাম
- বিস্তারিত নির্দেশনা
- তারিখ ও সময়
- কাজ সম্পন্ন করার শেষ সময়
- কর্মসূচির ধরন
- যাদের জন্য কর্মসূচিটি নির্ধারিত
- প্রকাশ, সম্পাদনা ও বাতিল করার অপশন

ক্যাপ্টেন কর্মসূচি প্রকাশ করলে তা নির্ধারিত সদস্যদের ড্যাশবোর্ডে দেখাতে হবে। কর্মসূচি প্রকাশের আগে সেটি শুধু ক্যাপ্টেনের কাছে খসড়া হিসেবে থাকবে।

## 6. Member Response System

সদস্যরা নিজেদের নিরাপদ ড্যাশবোর্ডে নির্ধারিত কর্মসূচি দেখতে পাবে। প্রতিটি কর্মসূচির জন্য তিনটি অবস্থা থাকবে:

- **হ্যাঁ** — কাজ সম্পন্ন হয়েছে।
- **না** — কাজ সম্পন্ন হয়নি।
- **উত্তর দেওয়া হয়নি** — সদস্য এখনো উত্তর দেয়নি।

কোনো উত্তর আগে থেকে নির্বাচন করা থাকবে না। উত্তর না দেওয়াকে “না” হিসেবে গণনা করা যাবে না। সদস্যের উত্তর ব্যাকএন্ডে সংরক্ষণ করতে হবে, যাতে পরে রিপোর্ট দেখা যায়।

## 7. Captain Report Panel

ক্যাপ্টেন নিজের অনুমোদিত দলের রিপোর্ট দেখতে পারবে। রিপোর্টে থাকবে:

- মোট নির্ধারিত সদস্য
- “হ্যাঁ” উত্তর
- “না” উত্তর
- উত্তর না দেওয়া সদস্য
- কাজ সম্পন্ন করার হার
- তারিখভিত্তিক রিপোর্ট
- আগের কর্মসূচির ইতিহাস

কাজ সম্পন্ন করার হার হিসাব হবে উত্তর দেওয়া সদস্যদের মধ্যে “হ্যাঁ” উত্তরের অনুপাত হিসেবে। কেউ উত্তর না দিলে তাকে “না” হিসেবে গণনা করা যাবে না। কোনো উত্তর না থাকলে শতাংশের পরিবর্তে “এখনো কোনো উত্তর নেই” দেখাবে।

সদস্যদের ব্যক্তিগত তথ্য শুধু অনুমোদিত ব্যক্তি দেখতে পারবে। ক্যাপ্টেন নিজের দলের বাইরের তথ্য দেখতে পারবে না, যদি না অ্যাডমিন আলাদাভাবে অনুমতি দেয়।

## 8. Blogger Compatibility

আমার মূল ওয়েবসাইট Blogger/Blogspot-এ তৈরি হতে পারে। তাই সমাধানটি Blogger-এর সঙ্গে সামঞ্জস্যপূর্ণ করে তৈরি করবে।

তবে মনে রাখবে, Blogger-এর HTML পেজ একা নিরাপদ ব্যবহারকারী-অ্যাকাউন্ট, ভূমিকা-ভিত্তিক অনুমতি এবং স্থায়ী ডেটাবেস সরবরাহ করে না। তাই প্রকৃত কার্যকর সিস্টেমের জন্য Firebase Authentication ও Cloud Firestore অথবা উপযুক্ত নিরাপদ ব্যাকএন্ড ব্যবহার করবে।

- ডেটাবেসে নিরাপত্তা বিধি (Security Rules) তৈরি করবে।
- অ্যাডমিন, ক্যাপ্টেন ও সাধারণ সদস্যের অনুমতি আলাদা করবে।
- গোপন API key বা সার্ভার-সিক্রেট HTML/JavaScript-এ প্রকাশ করবে না।
- শুধু Local Storage ব্যবহার করে বাস্তব লগইন বা অনুমোদন ব্যবস্থা তৈরি করবে না।
- বাস্তব ব্যাকএন্ড সংযুক্ত না থাকলে ডেমোকে সম্পূর্ণ কার্যকর বলে দাবি করবে না।

## 9. User Interface and Experience

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

## 10. Deliverables

আমাকে শুধু ডিজাইনের নমুনা নয়, বাস্তবে চালানোর উপযোগী সমাধান দেবে। এতে থাকবে:

1. সম্পূর্ণ Captain Login Page।
2. Captain Dashboard।
3. Admin Captain Management।
4. Daily Program Management।
5. Member Response System।
6. রিপোর্ট ও ইতিহাসের ব্যবস্থা।
7. প্রয়োজনীয় ব্যাকএন্ড ও ডেটাবেস কাঠামো।
8. নিরাপদ অনুমতি যাচাইয়ের নিয়ম।
9. Blogger-এ যুক্ত করার ধাপে ধাপে বাংলা নির্দেশনা।
10. Firebase বা নির্বাচিত ব্যাকএন্ড সেটআপের সম্পূর্ণ নির্দেশনা।
11. পরীক্ষার তালিকা, যাতে নিশ্চিত হওয়া যায় সাধারণ সদস্য ক্যাপ্টেন ড্যাশবোর্ডে ঢুকতে পারে না।

প্রথমে পুরো সিস্টেমের আর্কিটেকচার ব্যাখ্যা করো। এরপর ফাইলের তালিকা, সম্পূর্ণ কোড, ব্যাকএন্ড সেটআপ এবং Blogger-এ সংযুক্ত করার ধাপ দাও। কোড অসম্পূর্ণ রাখবে না, কাল্পনিক ব্যাকএন্ড ফাংশন ব্যবহার করবে না এবং বাস্তবে কাজ করে না এমন বোতাম তৈরি করবে না।

**চূড়ান্ত লক্ষ্য:** F-I-U ওয়েবসাইটে ক্যাপ্টেন লগইন হবে একটি পৃথক ও বিশেষ সুবিধা। শুধু অ্যাডমিন-অনুমোদিত ক্যাপ্টেন প্রবেশ করে দৈনিক কর্মসূচি তৈরি ও পরিচালনা করবে এবং নিজের অনুমোদিত দলের রিপোর্ট দেখতে পারবে। সাধারণ সদস্যরা শুধু নিজেদের জন্য নির্ধারিত কর্মসূচি ও অনুমোদিত সদস্য-সুবিধা ব্যবহার করবে।

Start fresh from this prompt

Builds a brand new app from the first prompt only, so later changes to the original are not included.