Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>PTGDUD Code KitNew to Visual Studio Code? Get it now.
PTGDUD Code Kit

PTGDUD Code Kit

PTGDUD-Code-Kit

|
22 installs
| (0) | Free
Phát triển đề thi REACT
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

📦 React User List App

Ứng dụng hiển thị danh sách người dùng từ API công khai, hỗ trợ tìm kiếm, xem chi tiết, phân trang và hiệu ứng mượt mà với animation.

code

userDetail
userProvider
userList
app

🚀 Tính năng chính

  • ✅ Gọi API từ https://jsonplaceholder.typicode.com/users bằng Axios
  • 🔍 Tìm kiếm người dùng theo tên
  • 🧾 Hiển thị chi tiết người dùng (email, thành phố, điện thoại, website, công ty)
  • 🎨 Thiết kế đơn giản, sử dụng Tailwind CSS
  • 🔄 Phân trang (5 người mỗi trang)
  • 🎞️ Animation khi xem chi tiết bằng Framer Motion
  • 🧠 Quản lý state bằng Context API

🧱 Công nghệ sử dụng

  • React
  • Vite
  • Tailwind CSS
  • Axios
  • Framer Motion
  • Context API

⚙️ Cài đặt & chạy ứng dụng

# 1. Clone dự án
git clone https://github.com/your-username/react-user-list-app.git

# 2. Cài đặt dependencies
cd react-user-list-app
npm install

# 3. Chạy ứng dụng
npm run dev
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft