لوگو
تصویر پروژه ۱
تصویر پروژه ۱

?Woh is this - دریافت اطلاعات کاربر تصادفی با API

خدمات: طراحی و توسعه وب
کارفرما: پروژه شخصی

این پروژه یک ابزار جذاب و تعاملی است که با هر بار کلیک روی دکمه، اطلاعات یک فرد تصادفی را از یک API دریافت کرده و به کاربر نمایش می‌دهد. اطلاعات نمایش‌داده‌شده شامل نام کامل، جنسیت، کشور، تصویر پروفایل است. این پروژه با استفاده از Ajax از طریق کتابخانه jQuery و Fetch API داده‌ها را به‌صورت ناهمگام دریافت کرده و بدون نیاز به رفرش صفحه، محتوا را به‌روز می‌کند. طراحی جذاب و مینیمال آن، تجربه کاربری لذت‌بخشی را فراهم می‌کند و برای آشنایی با کار با APIهای عمومی و مدیریت داده‌های پویا بسیار مناسب است

ویژگی‌های پروژه

  • دریافت اطلاعات کاربر تصادفی از API با هر بار کلیک
  • نمایش اطلاعات شامل: نام کامل،جنسیت، کشور، تصویر پروفایل
  • دریافت داده‌ها به‌صورت ناهمگام (Ajax و jQuery Library) بدون رفرش صفحه
  • مدیریت خطا و نمایش پیام در صورت عدم ارتباط با API
  • طراحی زیبا و مینیمال با انیمیشن‌های جذاب
  • واکنش‌گرا و سازگار با موبایل و دسکتاپ
  • قابلیت دریافت کاربر جدید با یک کلیک

تکنولوژی‌های استفاده‌شده

لوگو 1 HTML5
لوگو 2 CSS3
لوگو 3 JavaScript
لوگو 4 jQuery Library