User Management Admin Dashboard

Live: https://ashf000.github.io/admin-dashboard-practice/

A vanilla JavaScript practice project that simulates a real-world admin dashboard for managing users.

Purpose

This project was built to practice and demonstrate common frontend concepts used in professional admin panels.

Features

• User listing with server-side pagination
• Debounced search using API search endpoint
• Page size selector and go-to-page navigation
• User status toggle (Activate / Deactivate)
• User deletion with API simulation
• Loading-aware pagination controls
• Empty state handling
• Clean, admin-style UI

Practice Focus

• API handling with fetch & async/await
• Debounce for performance optimization
• Pagination logic
• UI state management
• DOM manipulation without frameworks

Tech Stack

• HTML
• CSS
• Vanilla JavaScript
• DummyJSON API

Notes

This is a practice-focused project. Some production features (confirmation modal, global error UI, persistent backend state) were intentionally omitted.