প্রকল্প সম্পর্কে

Sketchbook UI হলো একটি React কম্পোনেন্ট লাইব্রেরি, যা হাতে আঁকা নোটবুক বা স্কেচবুক স্টাইল ডিজাইন ব্যবহার করে। এটি সাধারণত পার্সোনাল প্রজেক্ট, ল্যান্ডিং পেজ বা পূর্বরূপের জন্য উপযোগী। কম্পোনেন্ট সমূহ এতে মোট ২০টি কম্পোনেন্ট রয়েছে, সবাই টাইপস্ক্রিপ্টে লেখা। ফর্ম কন্ট্রোল হিসেবে Button, Input, Textarea, Checkbox, Switch, Select, RadioGroup, Slider আছে। ডেটা ডিসপ্লে এর মধ্যে Badge, Avatar, Card, Divider, Progress, Skeleton, Spinner, Tooltip যোগ করা হয়েছে। Toast, Modal, Dropdown এবং Accordion রয়েছে。 ভিজ্যুয়াল ডিজাইন এর মূল আকৃতি আসে হাতে আঁকা SVG বর্ডার, কাগজের টেক্সচার এবং সূক্ষ্ম অ্যানিমেশন থেকে। প্রতিটি কম্পোনেন্টে `colors` ও `typography` প্রপসের মাধ্যমে কাস্টমাইজ করা যায়। উদাহরণস্বরূপ একটি বাটনের ব্যাকগ্রাউন্ড, স্ট্রোক, টেক্সট রং, ফন্ট সাইজ ও ফন্ট ফ্যামিলি আলাদাভাবে সেট করা যায়। একটি `SketchProvider` দিয়ে পুরো অ্যাপের স্টাইলিং একসাথে সরবরাহ করা হয়। ইনস্টলেশন npm, yarn বা pnpm দিয়ে `npm install sketchbook-ui` লিখে ইনস্টল করতে হয়। react ও react-dom পেয়ার ডেপেনডেন্সি। মূল এন্ট্রি ফাইলে `import "sketchbook-ui/style.css";` ব্যবহার করতে হয়। এই স্টাইলশিট আমদানি ভুলে গেলে প্রথমবার রান করতে সমস্যা হয়। বান্ডল ও পারফরম্যান্স লাইব্রেরির কোনো রানটাইম ডেপেনডেন্সি নেই, শুধুমাত্র React প্রয়োজন। tree-shaking সাপোর্ট আছে, তাই শুধু আমদানি করা কম্পোনেন্টগুলোই বান্ডলে যুক্ত হয়। README অনুযায়ী গজিপড বান্ডল ৭০ kB-এর কম। ডকুমেন্টেশন ও লাইসেন্স সমস্ত কম্পোনেন্ট Storybook-এ দেখা যায়। CONTRIBUTING.md-তে অবদান নির্দেশনা আছে। প্রজেক্ট MIT লাইসেন্সে মুক্ত। উপযুক্ত পরিস্থিতি এটি পরিবারের জন্য ভালো যখন পূর্বরূপ, ব্যক্তিগত ওয়েবসাইট বা খেলনার প্রোডাক্ট তৈরি করতে হয়। তবে এন্টারপ্রাইজ ড্যাশবোর্ড বা ডেটা-ঘন টেবিলের জন্য এটি কম উপযুক্ত, কারণ accessibility টেস্টিং বা বিস্তৃত থিমিং সম্পর্কে README-তে কিছু বলা নেই।