سلام دوست من😃👋

به مسابقه Front-End بله‌ کمپ ۶ خوش آمدید!

مسابقه به مدت ۲ ساعت ادامه خواهد داشت و در مجموع شامل ۳ سوال است. برای حل سوالات باید تسلط خوبی روی کتابخانه React داشته باشید.

سوالات به گونه‌ای تنظیم شده‌اند که با توجه به دانشی که دارید بتوانید بخشی از نمرۀ سوال را بگیرید. به عنوان مثال اگر نتوانید سوال ۲ را به طور کامل حل کنید، این امکان وجود دارد که بتوانید بخشی از سوال ۲ را حل کنید؛ بنابراین حتما به تمام سوالات مراجعه کنید.

رتبه‌بندی بر اساس مجموع امتیازاتی که از سوالات کسب می‌کنید صورت می‌گیرد؛ همچنین در صورتی که امتیاز دو نفر یکسان شود، کسی که سوالات را در مدت‌زمان کمتری حل کرده باشد، رتبۀ بهتری کسب می‌کند.

در صورتی که درمورد سوالی ابهام داشتید، می‌توانید از قسمت «سوال بپرسید» آن را مطرح کنید.

برای کسب اطلاعات بیشتر به لینک‌ زیر مراجعه کنید:

موفق باشید 😉✌

کاربران کوئرایی


ظاهر کلی برنامه بدین صورت است:

ظاهر برنامه

پروژه اولیه🔗

پروژه اولیه را از این لینک دانلود کنید.

ساختار فایل‌ها
quera-users
├── public
│   ├── favicon.ico
│   └── index.html
├── server
│   └── server.js
├── src
│   ├── components
│   │   └── Card.js
│   ├── App.css
│   ├── App.js
│   ├── index.js
│   └── setupTests.js
├── package-lock.json
└── package.json
Plain text
راه اندازی پروژه

برای اجرای پروژه، بایدNodeJS و npm را از قبل نصب کرده باشید.

  • ابتدا پروژه‌ی اولیه را دانلود و از حالت فشرده خارج کنید.
  • در پوشه‌ی quera-forms ، دستور npm install را برای نصب نیازمندی‌ها اجرا کنید.
  • در همین پوشه دستور npm run server را برای راه اندازی سرور اجرا کنید.
  • در همین پوشه، دستور npm start را برای راه‌اندازی پروژه اجرا کنید.

توضیحات🔗

در این مسئله شما باید دیتای چند کاربر کوئرایی را از آدرس http://localhost:3500/users دریافت کنید و بوسیله هوک useMemo این دیتا را کش کنید و در ادامه با استفاده از الگوریتم Quick Sort آن‌ها را به گونه ای مرتب کنید و نمایش دهید که از راست به چپ سن کاربران افزایش یابد.

نکات🔗

  • شما تنها مجاز به اعمال تغییرات درون فایل های App.js و Card.js هستید.
  • برای آشنایی بیشتر با الگوریتم Quick Sort می‌توانید به این لینک مراجعه کنید.
  • به هنگام ثبت پاسخ، پروژه را با ساختار زیر ارسال کنید:
    [your-zip-file-name].zip
    ├── public
    │   ├── favicon.ico
    │   └── index.html
    ├── server
    │   └── server.js
    ├── src
    │   ├── components
    │   │   └── Card.js
    │   ├── App.css
    │   ├── App.js
    │   ├── index.js
    │   └── setupTests.js
    ├── package-lock.json
    └── package.json
    Plain text
ارسال پاسخ برای این سؤال
در حال حاضر شما دسترسی ندارید.