Skip to content

User Management Dashboard: A dynamic single-page application built with Laravel and AJAX. Filter and view users by type with responsive cards. Admins excluded from the display

Notifications You must be signed in to change notification settings

phpwhizdeveloper/user-management-system

Repository files navigation

User Management Dashboard

A dynamic single-page application built with Laravel, displaying users in a responsive card layout. Users can be filtered by type using an AJAX-based dropdown. Admin users are excluded from the display.

Features

  • Display all normal users in a responsive card layout.
  • Filter users by type without reloading the page using AJAX.
  • Modern and clean single-page UI with core CSS.
  • Supports dynamic data from the database (users, types).

Requirements

  • PHP >= 8.1
  • Composer
  • MySQL or MariaDB
  • Laravel 10.x
  • Node.js & NPM (optional, if using Laravel Mix or Vite)

Installation Steps

  1. Clone the repository
    git clone https://github.com/your-username/user-management-dashboard.git
    cd user-management-dashboard

2. **Install dependencies**

   ```bash
   composer install
   ```

3. **Copy `.env` file**

   ```bash
   cp .env.example .env
   ```

4. **Configure database**

   * Open `.env` and set your database credentials:

     ```env
     DB_CONNECTION=mysql
     DB_HOST=127.0.0.1
     DB_PORT=3306
     DB_DATABASE=your_database_name
     DB_USERNAME=your_db_user
     DB_PASSWORD=your_db_password
     ```

5. **Generate application key**

   ```bash
   php artisan key:generate
   ```

6. **Run migrations and seeders**

   ```bash
   php artisan migrate --seed
   ```

   > Make sure you have `types` and `users` seeded or manually inserted for testing.

7. **Create storage link**

   ```bash
   php artisan storage:link
   ```

8. **Run the development server**

   ```bash
   php artisan serve
   ```

   The app will be available at `http://127.0.0.1:8000`.

## Usage

* Open the homepage to see all **normal users** displayed as cards.
* Use the **Type dropdown** at the top to filter users dynamically.
* Admin users (`is_admin = 1`) will not be shown.

## Relationships

* `User` belongs to `Type` (`type_id`).
* Only users with `is_admin = 0` are shown in the UI.

Screenshots

ss1 ss2 ss3 ss4 ss5 ss6

About

User Management Dashboard: A dynamic single-page application built with Laravel and AJAX. Filter and view users by type with responsive cards. Admins excluded from the display

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages