HTML CSS & JavaScript Test: Integrated random user project

Process to implement

• Fork this git to your own git
• Install your favorite JS framework
• Install and set up your preferred library
• Then code to show us the result

Requirements & Goal

• To show the Random users avartars with some information in grid style
• integrate with randomuser.me as RestfulAPI
• There will be one overview page that is able to filter by
  • range of age
• Pagination is required
• Show more information as modal when click the avatar
• The site should be responsive
• using TypeScript will be your bonus point

Show us what you can do :) Don't spend too much time on designing your website.

การทดสอบ HTML CSS & JavaScript: เชื่อม randomuser API

ขั้นตอนการดำเนินการ

• fork git นี้ไปยัง git ของคุณเอง
• ติดตั้ง JS framework ที่คุณต้องการ
• ติดตั้งและตั้งค่า Library ที่คุณต้องการ
• จากนั้นโค้ดแสดงผลลัพธ์ให้เราเห็น

ข้อกำหนด & เป้าหมาย

• เพื่อแสดงอวตารผู้ใช้แบบสุ่มพร้อมข้อมูลบางอย่างในรูปแบบกริด
• Integrate API [randomuser.me] (https://randomuser.me/) เป็น RestfulAPI
• จะมีหน้าภาพรวมหนึ่งหน้าที่สามารถกรองโดย
  • ช่วงของ อายุ
• จำเป็นต้องมีการแบ่งหน้า Pagination
• แสดงข้อมูลเพิ่มเติมเป็น modal เมื่อคลิกที่อวาตาร์
• responsive เว็บไซต์

แสดงให้เราเห็นว่าคุณสามารถทำอะไรได้บ้าง :) อย่าใช้เวลามากเกินไปในการออกแบบเว็บไซต์ของคุณ