یک پروژه یادگیری 2 روزه مهندس نرم افزار. next.js ، Zustand و WebSockets: کلون اینستاگرام منبع باز من در 48 ساعت ساخته شده است

سلام جامعه dev ،
من به عنوان یک مهندس نرم افزار ، من عاشق فشار آوردن مهارت های خود با پروژه های چالش برانگیز هستم. دو ماه پیش ، من فقط در دو روز یک کلون کاملاً کاربردی اینستاگرام را از ابتدا ساختم. نتیجه؟ یک برنامه وب با ویژگی های اصلی رسانه های اجتماعی ، عملکرد در زمان واقعی و حتی بازی های آنلاین برای بازی کاربران-همه منبع باز در GitHub! در اینجا سریعاً از پروژه و آنچه در این راه آموخته ام آورده شده است.

پشته فناوری

1. Frontend: Next.js (برای SSR و یک تجربه Dev Smooth) +Zustand (برای مدیریت دولت).
2. Backend: node.js با اکسپرس (رسیدگی به API و ادغام WebSocket).
3. پایگاه داده: MongoDB (طرح های انعطاف پذیر برای داده های کاربر ، پست ها و حالت های بازی).

4. ویژگی های زمان واقعی: WebSockets (برقراری اعلان های زنده و بازی های چند نفره).
   **
   ویژگی های کلیدی **

5. احراز هویت کاربر ، پروفایل ها و ذخیره پست ها ، دوست داشتنی.

6. ایجاد ایجاد با انتخاب رنگ ها ، تغییر تصاویر پروفایل از آواتارهای ارائه شده با هوش مصنوعی.

7. بازی های آنلاین از جمله هانتر گوزن ، بازی های مسابقه ، بازی های Platformer و غیره. همه در JavaScript ساخته شده اند.

8. ویژگی های چت در زمان واقعی

آنچه یاد گرفتم

1. WebSockets یک تغییر دهنده بازی برای برنامه های زمان واقعی است ، اما اشکال زدایی شرایط مسابقه شوخی نیست.
2. next.js + Zustand یک دسته کوچک موسیقی جاز قدرتمند برای نمونه سازی سریع بدون ساختار قربانی است.
3. دو روز شما را مجبور می کند تا روی ویژگی های MVP تمرکز کنید – تمرین عالی برای ذهنیت تولید.

آن را بررسی کنید!
این پروژه به صورت زنده در GitHub: اینستاگرام-کلون. من عاشق بازخورد ، پیشنهادات یا حتی مشارکت کنندگان هستم! اگر آن را مفید یا الهام بخش بدانید ، یک ستاره 💫 معنی زیادی دارد-این اولین پروژه بزرگ منبع باز من است. احساس راحتی کنید که در مورد فرآیند ساخت یا گزینه های فناوری در نظرات از من بپرسید – خوشحالم که به جزئیات فرو می روم.

با تشکر از خواندن ، و در حال توسعه مبارک !!

نسخه ی نمایشی زنده: Twikka || کلون اینستاگرام