Hasti bazar hiring test

• Install Packages

npm install

• Run json server

npx json-server --watch data/db.json --port 8000

• Run Project

npm run dev

Task 1:

در پیاده سازی این تسک فقط از متریال استفاده شده و برای ساخت فرم بدون استفاده از لایبرری و با استفاده از js و html فرم مذکور پیاده سازی شده است. برای ذخیره داده ها از useState استفاده شده که در هر بار رفرش شدن اپ همه ی اطلاعات پاک می شود. برای برطرف کردن این مشکل داده ها باید در localStorage و یا به صورت json-server ذخیره سازی شود.

کدهای تسک 1 روی برنچ task-1 پوش شده است.

Task 2:

تغییر پروژه به Nextjs در پیاده سازی تسک 2 از کتابخانه react-hook-form برای پیاده سازی فرم استفاده شد. همچنین از yup برای انجام اعتبارسنحی. جهت تغییر تم تاریک و روشن از تم متریال و برای ایجاد چند زبانی از i18next استفاده شد. همچنین استفاده از json-server پرت 8000 کانفیگ شده است. برای اجرا سرور از دستور زیر استفاده کنید.

npx json-server --watch data/db.json --port 8000

کدهای مربوط به تسک 2 در برنچ task-2 پوش شده است.

Task 3:

برای پیاده سازی این تسک قسمت ویرایش تم متریال جهت تغییر رنگ اصلی پالت پیاده سازی شده یک API Post در قسمت نکست نوشته شده جستجو روی لینک های موجود پیاده سازی شده

مشکلات:

• نداشتن تست کیس
• عدم استفاده از کشینگ api

کدهای مربوط به تسک 3 در برنچ task-3 پوش شده است.

همه برنچ ها روی develop مرج شده اند. با سپاس از شما