FreeAPI Random Users UI

A React application built with Vite that fetches and displays random user profiles using FreeAPI randomusers endpoint. It features a responsive layout, modern design, pagination, and skeleton loading states.

Live Demo

projects.ashish.pro/users

Tech Stack

• Framework: React 19
• Build Tool: Vite
• Styling: Tailwind CSS v4
• Icons: Lucide React
• Package Manager: PNPM

Features

• Display random user profiles in beautifully designed cards.
• Loading skeleton states for a smooth user experience (SkeletonCard).
• Fully responsive design using Tailwind CSS.
• Fast development and build times powered by Vite.

Project Structure

src/
├── assets/          # Static assets
├── components/      # Reusable UI components
│   ├── SkeletonCard.jsx # Loading placeholder
│   └── UserCard.jsx     # User profile card
├── App.jsx          # Main application component
├── main.jsx         # App entry point
└── App.css / index.css # Global styles