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

ظاهر برنامه

پروژه اولیه

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

ساختار فایل‌ها

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

ارسال پاسخ برای این سؤال
فایلی انتخاب نشده است.