در سفرم برای تبدیل شدن به توسعه‌دهنده MERN STACK، از پروژه‌های ساختمانی به عنوان راهنمای مطالعاتی قدردانی کردم.
گفته شده است که ساختن پروژه‌ها راهی ابزاری برای تقویت مهارت‌های شما و داشتن تجربه عملی کافی به عنوان یک مبتدی است.
آیا می خواهید درک عملی خود را از توسعه پشته MERN بهبود بخشید؟ آیا با کل مراحل ایجاد برنامه های کاربردی با استفاده از فریمورک ها آشنا هستید؟ برای اثبات مهارت خود به عنوان یک توسعه دهنده MERN-stack چه پروژه هایی را می توانید تکمیل کنید؟
ایده های پروژه های MERN Stack زیادی برای افزایش دانش عملی شما در مورد توسعه MERN STACK وجود دارد. در این مقاله، من چند پروژه جالب مبتدی را برای یادگیری توسعه وب MERN STACK به همراه برخی جزئیات برای شروع فهرست کرده ام.
قبل از اینکه بخواهیم در مورد این پروژه ها صحبت کنیم، اجازه دهید کمی استراحت کنیم تا بدانیم MERN Stack واقعا چیست. چه فناوری هایی این پشته و ارزش بازار یک توسعه دهنده پشته MERN را تشکیل می دهند.
MERN STACK چیست؟
MERN Stack یک پشته جاوا اسکریپت است که شامل فناوری‌های قدرتمند و قوی است که برای توسعه برنامه‌های کاربردی وب اصلی مقیاس‌پذیر که شامل اجزای Backend، Front-end و پایگاه داده است، استفاده می‌شود. MERN Stack یک فناوری است که یک چارچوب جاوا اسکریپت تمام پشته کاربر پسند برای ساخت برنامه‌ها و وب‌سایت‌های پویا است.
هدف اصلی از استفاده از پشته MERN توسعه برنامه‌ها فقط با استفاده از جاوا اسکریپت است.
MERN Stack از چهار فناوری تشکیل شده است که عبارتند از:
- M-ONGODB (پایگاه داده): برای تهیه پایگاه داده اسناد است و یک سیستم پایگاه داده NoSQL (زبان پرس و جو غیر ساختاریافته) است.
- E-xpress : برای توسعه چارچوب وب Node.js استفاده می شود
- R-eact: برای توسعه یک چارچوب جاوا اسکریپت سمت کلاینت است
- N-ode JS: برای توسعه وب سرور برتر جاوا اسکریپت است
5 پروژه برتر MERN STACK برای بهبود درک عملی شما🚀
1. وب سایت تجارت الکترونیک
یکی از محبوب ترین پیشنهادات پروژه پشته MERN هم برای مبتدیان و هم برای توسعه دهندگان با تجربه، یک وب سایت تجارت الکترونیک است.
این پروژه اهداف متعددی را ارائه می دهد، هم فروشندگان و هم مشتریان.
مشتریان:
- ورود / ثبت نام برای خرید اقلام
- مرورگر و فیلتر کردن محصولات
- افزودن/حذف محصولات از سبد خرید و لیست علاقه مندی ها
- جزئیات حساب خود را به روز کنید
- پرداخت برای اقلام خریداری شده و غیره
فروشندگان
- وارد داشبورد آنها شوید
- انجام عملیات CRUD روی محصولات
- مدیریت کاربران (مشتریان)
- دریافت و بررسی سفارشات و غیره
نمونه مخزن 👉https://github.com/shabraware/HEIN.
2. برنامه چت بیدرنگ
برنامه RealTime Chat یکی از ساده ترین برنامه های MERN Stack است که به شما امکان می دهد از قابلیت های پستی استفاده کنید.
برخی از ویژگی های مشترک این برنامه شامل
- ورود/ثبت نام کاربر
- ایجاد اتاق های گفتگو
- دعوت از کاربران به چت روم از طریق ایمیل
- چت یک به یک را با سایر کاربران اضافه کنید
نمونه مخزن 👉https://github.com/earthcomfy/lets-chat
3. برنامه وبلاگ عمومی
در یک برنامه وبلاگ عمومی، شما در زمینه افزودن امتیاز به نویسندگان در مورد محتوایی که در داشبورد خود می بینند و همچنین کنترل یک سرپرست فوق العاده، تجربه کسب می کنید.
برخی از ویژگی های این برنامه عبارتند از:
- ورود / ثبت نام نویسندگان
- عملیات CRUD را روی دسته ها انجام دهید
- انجام عملیات CRUD روی مقالات (حق کاربر محفوظ است)
- مدیریت نویسندگان و محتوا در برنامه (حفظ سمت راست مدیر)
- لایک / نظر مقالات
- نویسندگان را دنبال کنید
- نمایه های Writers را مرور کنید
- فیلتر کردن مقالات بر اساس نویسندگان، دسته بندی ها و غیره
نمونه
Repo 👉 https://github.com/qbentil/bentility نسخه ی نمایشی 👉 https://bentility.vercel.app/
4. درخواست برای تحویل غذا
به لطف این برنامه، رستوران ها و مشتریان باید بتوانند راحت تر با هم ارتباط برقرار کنند. این باید شامل یک داشبورد مدیریت برای صاحبان رستوران و همچنین یک برنامه رو به رو برای مشتریان برای سفارش غذا باشد.
ویژگی ممکن است شامل موارد زیر باشد:
- ورود / ثبت نام کاربر
- افزودن/حذف به/از سبد خرید
- سفارش را بررسی کنید و پرداخت کنید. (آنلاین یا پرداخت در هنگام تحویل)
- ادمین باید بتواند عملیات CRUD را روی غذا و غیره انجام دهد.
نمونه
Repo 👉 https://github.com/qbentil/Bentilzone-Restaurant
نسخه ی نمایشی 👉 https://zone-restaurant.vercel.app/
5. برنامه آب و هوا
APP Weather یکی از برجسته ترین برنامه های React است که می توانید در عرض چند ساعت بسازید. این برنامه اصلی به شما امکان استفاده از APIهای خارجی را می دهد. همچنین شامل کمی مدیریت دولتی برای مدیریت داده ها می شود.
برخی از ویژگی های این برنامه ممکن است شامل اما نه محدود به موارد زیر باشد:
- نمایش وضعیت آب و هوای مکان فعلی کاربر.
- وضعیت آب و هوای یک مکان خاص را جستجو کنید.
- رندر پویا از UI متناسب با شرایط آب و هوایی و غیره
نمونه مخزن 👉 https://github.com/qbentil/genuis-weather-app
نتیجه
در این مقاله، ما به آنچه که MERN STACK و فناوری‌های مربوط به آن مربوط می‌شود، نگاه کردیم.
برنامه های فهرست شده در اینجا بر اساس تجربیات شخصی هستند. آیا شما یک توسعه دهنده پشته MERN هستید، کدام یک از پروژه های بالا را قبلا ساخته اید؟ دوست دارید کدام را اضافه کنید؟ خوشحال می شوم آنها را در بخش نظرات بخوانم. در مورد پیوندهای نسخه ی نمایشی یا مخزن آنها نظر دهید.
هک مبارک!
بنتیل اینجا🚀
آیا شما یک توسعه دهنده پشته MERN هستید، کدام یک از پروژه های بالا را قبلا ساخته اید؟ دوست دارید کدام را اضافه کنید؟ لطفا پیوندهای آن یا مخزن را به اشتراک بگذارید. این می تواند به دیگران نیز کمک کند.
لطفاً لایک کنید، به اشتراک بگذارید و برای اطلاعات بیشتر ما را دنبال کنید.
