🛡️ AnonGuard: گزارش ناشناس ایمن شد | ساخته شده با GitHub Copilot در 24 ساعت!

این یک ارسال برای چالش GitHub Copilot: شروع های جدید است

🚀 چیزی که من ساختم

خوب، فقط برای ساده‌تر کردن همه چیز، گارد ناشناس نامیده می‌شود. من فقط یک نسخه نامگذاری کوتاه ساخته ام، “AnonGuard” (نام های بزرگ CSS را به هم می ریزند :)).

پس چرا ساختمش؟ خب بریم…

آیا تا به حال شاهد چیزی مشکوک بوده اید که در گزارش آن تردید داشته باشید؟ شما تنها نیستید! (درونگرا یا ترسان بودن مهم نیست.) به همین دلیل است که من AnonGuard را ساختم—یک پلتفرم گزارش جرم امن و ناشناس که شهروندان را در عین محافظت از هویت آنها توانمند می کند.

من می دانم که این یک دلیل بسیار کوتاه بود، پس چطور می شود که وب سایت را امتحان کنید و آن را بر اساس هر مبنایی که دوست دارید قضاوت کنید (خشن نباشید 👺)؟

حالا بیایید در مورد معماری صحبت کنیم و ببینیم چه چیزی برای ساخت آن استفاده شده است:

✨ ویژگی های کلیدی:

• 🔒 سیستم گزارش دهی ناشناس
• 🤖 تجزیه و تحلیل حوادث مبتنی بر هوش مصنوعی با استفاده از Gemini
• 📍 ردیابی موقعیت مکانی (انتخاب کردن)
• 🚨 دسته بندی اضطراری/غیر اضطراری
• 📊 داشبورد مدیریت برای مقامات
• 🔍 سیستم رهگیری گزارش

🛠️ پشته فناوری:

• Next.js 14 (روتر برنامه)
• TypeScript
• Prisma ORM
• PostgreSQL (نئون)
• Google Gemini API
• NextAuth.js
• حرکت قاب
• Tailwind CSS

شما بچه ها احتمالاً در مورد این همه فن آوری و چیزهای دیگر می دانید، بنابراین بیایید تعقیب و گریز را قطع کنیم و محصول واقعی را در اختیار شما قرار دهیم 💪:

🎥 نسخه ی نمایشی

نسخه نمایشی زنده: AnonGuard
پیوند یوتیوب (سلب مسئولیت: پر سر و صدا است): AnonGuard

و اگر نمی‌خواهید محدودیت داده را تمام کنید، چند اسکرین شات وجود دارد:

💻 مخزن

GitHub Repo

🤖 تجربه کمک خلبان

خوب، بد، و هوش مصنوعی

کار با GitHub Copilot مانند داشتن یک جفت برنامه نویس بود که هرگز نمی خوابد (اما گاهی اوقات توهم می زند.)

این قرار است کمی رسمی و مستقیم باشد. اگر بچه ها نسخه سرگرم کننده را می خواهید، Prompt.txt را در مخزن من بررسی کنید.👻

به هر حال ما به اینجا می رویم:

🎯 راه اندازی اولیه

Copilot به داربست ساختار پروژه و اجزای اساسی کمک کرد. اگرچه گاهی اوقات تگ‌های HTML را فراموش می‌کرد (به شما نگاه می‌کردم، layout.tsx!)، اما پایه محکمی را فراهم کرد.

💫 انیمیشن جادو

لحظه MVP واقعی زمانی بود که Copilot انیمیشن های متحرک فریمری پیچیده را تولید کرد. یک پیام: “استایل مولفه navbar.tsx را بهبود ببخشید. آن را در پاسخگویی در اندازه های مختلف صفحه نمایش بهتر کنید. برخی جلوه های انیمیشن را نیز اضافه کنید”—و” بوم! یک نوار ناوبری زیبا و پاسخگو.

🔐 جریان احراز هویت

Copilot به پیاده سازی NextAuth با انواع TypeScript مناسب کمک کرد (پس از چند تکان دادن ملایم). حتی مسائل امنیتی بالقوه ای را که در نظر نگرفته بودم، گرفت.

🤔 چالش های جالب

• طرحواره پایگاه داده: Copilot یک طرح Prisma بهینه شده را بر اساس اجزایی که ما ساختیم پیشنهاد کرد
• Error Handling: مرزهای خطای جامع و حالت های بارگیری ایجاد می شود
• ایمنی نوع: به رفع خطاهای TypeScript کمک کرد، اگرچه گاهی اوقات به راهنمایی نیاز داشت

🎭 سرگرم کننده ترین لحظه خلبان

هنگامی که از Copilot خواسته شد تا ردیابی موقعیت مکانی را پس از شکست ادغام MapBox اجرا کند، Copilot استفاده از API مکان جغرافیایی مرورگر را پیشنهاد کرد – راه حلی ساده و در عین حال موثر که من در نظر نگرفته بودم!

🔮 مدل های GitHub

در هنگام ساخت AnonGuard، من عمدتاً از مدل Sonnet کلود 3.5 از طریق Copilot استفاده کردم. در موارد زیر سرآمد بود:

• تولید کد
• رفع اشکال
• پیشنهاد بهینه سازی
• مستندات
• تعاریف نوع TypeScript

🌟 نتیجه گیری

ساخت AnonGuard با GitHub Copilot یک تجربه چشم نواز بود. این ابزار نه تنها توسعه را تسریع کرد، بلکه من را با الگوها و شیوه های کدنویسی بهتر آشنا کرد. و شخصاً برای من، برای بخش طراحی و تجربه کاربر عالی بود، اما برای کدنویسی مبتنی بر منطق خالص مانند باطن ایجاد شده، مجبور شدم برخی مداخلات دستی انجام دهم تا کد از بین نرود.

🎯 تاثیر

هدف AnonGuard پل زدن شکاف بین شهروندان و مجریان قانون، ایمن‌تر کردن جوامع ما در عین حفاظت از حریم خصوصی است. این پروژه نشان می دهد که چگونه می توان از هوش مصنوعی برای ساخت برنامه های کاربردی تأثیرگذار اجتماعی استفاده کرد.

📚 درس های آموخته شده

1. هوش مصنوعی متحد قدرتمندی است اما نیاز به نظارت انسانی دارد
2. با برنامه ریزی مناسب شروع کنید (با تشکر از ساختار، Copilot!)
3. زود تست کنید، اغلب آزمایش کنید (مخصوصاً با کدهای تولید شده توسط هوش مصنوعی)
4. امنیت را از روز اول در ذهن داشته باشید.

در اینجا استفاده از هوش مصنوعی برای ایجاد یک گزارش ناشناس در یک زمان، جهان کمی ایمن تر است! 🚀

#devchallenge #githubchallenge #webdev #ai #security