من یک کتابخانه react برای اضافه کردن تابلوهای امتیازات به برنامه شما در عرض چند دقیقه ساختم

ایو چه خبر 👋

من دیلن هستم – یک دانش آموز دبیرستان و یک سازنده نرم افزار.

در دو روز گذشته اولین نسخه فلایویل را ساختم – یک کتابخانه واکنش با یک مؤلفه (در حال حاضر) – یک تابلوی امتیازات پویا که به داده های برنامه شما متصل است و موارد را همانطور که می خواهید رتبه بندی می کند.

من یک دمو سریع از رفتنم درست کردم create-react-app به یک تابلوی امتیازات کاملاً کارآمد در 4 دقیقه lol:

چگونه به اینجا رسیدم یک داستان بسیار طولانی است lol. در اینجا یک TL;DR سریع وجود دارد اگر شما علاقه مند هستید

من ساختم + نسخه اصلی فلایویل را در یک هکاتون در سان فرانسیسکو در 1 فوریه راه اندازی کردم.

قبلاً پلتفرمی بود که بنیان‌گذاران می‌توانستند با دوستان بنیان‌گذارشان بر اساس تعداد کاربرانشان به یک تابلوی امتیازات بپیوندند – اما پس از آن برنامه‌نویسان بازی و سازندگان انجمن شروع به درخواست از من کردند که برای آنها تابلوهای امتیازات بسازم lol.

هر چه بیشتر در مورد آن فکر می کردم و با افراد بیشتری صحبت می کردم، بیشتر متوجه می شدم که اضافه کردن تابلوهای امتیازات به برنامه شما می تواند دردسر واقعی باشد – به خصوص اگر برای یک پروژه کوچک یا یک هکاتون به آن نیاز دارید. از زمانی که تابلوی امتیازات را به صورت دستی برای محصول اصلی می‌سازم، این درد را احساس کردم.

بنابراین من یک برنامه وب ساختم که می‌توانید چند ورودی را پر کنید و پیوندی به تابلوی امتیازات دریافت کنید که می‌توانید با کاربران/بازیکنان/دوستان خود به اشتراک بگذارید تا آنها بپیوندند.

اما کاربران کنترل بیشتری می خواستند.

آنها می‌خواستند نه تنها تابلوهای امتیازات را در قسمت جلویی خود جاسازی کنند، بلکه می‌خواستند به ستون‌ها + پایه‌هایی که تابلوی امتیازات استفاده می‌کرد، دسترسی دقیق‌تری داشته باشند.

بنابراین من این را ارسال کردم!

این کتابخانه کاملاً متن باز است btw.

همچنین برای لرزش و باد پشت – من از آنها برای اسکلت + یک ظاهر طراحی کارت های امتیازات استفاده می کنم (فعلا).

lmk آنچه شما فکر می کنید!

من با چند نفر کار می کنم تا مولفه ها را با داده های آنها آزمایش کنم و به سرعت تکرار خواهم شد. این فقط v0.0.9!

ps من همچنین چند سند نوشتم در صورتی که به دنبال یک فرو رفتن فنی تر در چرخ فلایویل هستید 🙂

نوشته شده با ❤️ و 🍵 توسط دیلان (یک همکار توسعه دهنده)