ظاهر کلی برنامه بدین صورت است:
پروژه اولیه را از این لینک دانلود کنید.
برای اجرای پروژه، بایدNodeJS
و npm
را از قبل نصب کرده باشید.
steps
، دستور npm install
را برای نصب نیازمندیها اجرا کنید.npm start
را برای راهاندازی پروژه اجرا کنید.به اولین مسئله از مسابقه Front-End بله کمپ ۶ خوش آمدید =))
در این مسئله شما باید استپی همانند تصویر بالا به کمک هوک useReducer
پیاده سازی کنید به گونه ای که دارای ویژگی های زیر باشد:
زمانی که استپ ما روی حالت اولیه قرار دارد دکمه Prev
غیر فعال شود و زمانی که استپ ما روی حالت آخر قرار گرفت دکمه Next
غیر فعال شود.
رنگ باتن ها و استپ ها باید بر اساس فعال یا غیر فعال بودن استپ ها تغییر کند ( اگر فعال بود رنگ rgb(70, 92, 216)
و در غیر اینصورت رنگ gray
را به خودش بگیرد.
شما تنها مجاز به اعمال تغییرات درون فایل App.js
هستید.
استایل های شرطی که مینویسید حتما باید به صورت inline
باشد.
به هنگام ثبت پاسخ، پروژه را با ساختار زیر ارسال کنید:
ظاهر کلی برنامه بدین صورت است:
پروژه اولیه را از این لینک دانلود کنید.
برای اجرای پروژه، بایدNodeJS
و npm
را از قبل نصب کرده باشید.
steps
، دستور npm install
را برای نصب نیازمندیها اجرا کنید.npm start
را برای راهاندازی پروژه اجرا کنید.در این سوال شما باید الگوریتمهای BFS
و DFS
که را طوری تغییر دهید مسیری که این الگوریتمها سرچ را انجام میدهند تا هدف نمایش داده شود.
highlightNode
: ایدی گره برای highlight کردن که برای نمایش مسیر استفاده میشود.startNode
: ایدی گره شروع که با اولین کلیک روی گره مشخص میشود.goalNode
: ایدی گرهای که برای آن جستجو انجام میدهیم که با دومین کلیک روی گره مشخص میشود.onNodeClick
: تابعی که هنگام کلیک شدن گره با ایدی ان گره صدا زده میشود.graph
: گراف برای نمایش اولین کلیک روی هر گرهی، گره شروع و دومین کلیک روی هر گرهی گره پایان را مشخص میکند. وقتی دکمه "Clear" کلیک شد باید این دو گره پاک شوند.
زمانی که بین هر بار highlight کردن مسیر 500 میلیثانیه است. بعداز کلیک شدن روی "DFS" یا "BFS" الگورتیم مربوطه از گره شروع، شروع به نمایش میشود و بعداز اینکه گره هدف را پیدا کرد یا بعداز جستجوی تمام گرهها به هدف نرسید، 500 میلیثانیه بعد از highlight اخرین گره، از highlight خارج میشود.
App.js
هستید.Depth-first search
میتوانید به این لینک و برای الگوریتم Breadth-first search
به این لینک مراجعه کنید.App.js
یا پروژه را با ساختار زیر ارسال کنید:ظاهر کلی برنامه بدین صورت است:
پروژه اولیه را از این لینک دانلود کنید.
برای اجرای پروژه، بایدNodeJS
و npm
را از قبل نصب کرده باشید.
quera-forms
، دستور npm install
را برای نصب نیازمندیها اجرا کنید.npm run server
را برای راه اندازی سرور اجرا کنید.npm start
را برای راهاندازی پروژه اجرا کنید.در این مسئله شما باید دیتای چند کاربر کوئرایی را از آدرس http://localhost:3500/users
دریافت کنید و بوسیله هوک useMemo
این دیتا را کش کنید و در ادامه با استفاده از الگوریتم Quick Sort
آنها را به گونه ای مرتب کنید و نمایش دهید که از راست به چپ سن کاربران افزایش یابد.
App.js
و Card.js
هستید.Quick Sort
میتوانید به این لینک مراجعه کنید.