Skip to content

DashLive is a simple web-based project that provides basic user data management features, including adding, deleting, and reading user data. This project utilizes Livewire to implement its core functionalities, offering a reactive and seamless user experience within a Laravel ecosystem.

Notifications You must be signed in to change notification settings

zaki-ramadhan/DashLive

Repository files navigation

DashLive

Laravel Livewire Blade PHP TailwindCSS Vite


DashLive is a web-based application for simple user data management—add, read, and delete users—built with Laravel and Livewire for a fast and reactive user experience.

This project is a personal learning project, inspired and developed as part of the WPU Course.
It demonstrates practical implementation of modern Laravel features and Livewire components.


✨ Features

  • Add User: Input new users quickly with responsive forms.
  • View Users: See the list of users in a dynamic dashboard.
  • Delete User: Remove users easily and instantly.
  • Livewire-powered UI: Real-time updates without page reloads.

🛠️ Tech Stack

  • Laravel 12.x
    Framework for backend logic, routing, and database migrations.
  • Livewire 3.6
    Enables reactive, component-driven interfaces directly in Blade views.
  • Blade
    Simple templating for clean and maintainable UI.
  • PHP 8.2+
    Core language for server-side functionality.
  • TailwindCSS 4.x
    Modern utility-first CSS for rapid design.
  • Vite 7.x
    Lightning-fast build tool for frontend assets.

🚀 Getting Started

  1. Clone the repository
    git clone https://github.com/zaki-ramadhan-2/DashLive.git
    cd DashLive
  2. Install dependencies
    composer install
    npm install
  3. Configure environment
    • Copy .env.example to .env and set up database credentials.
    • Generate the application key:
      php artisan key:generate
  4. Run migrations
    php artisan migrate
  5. Start the server
    php artisan serve
  6. View in browser:
    Go to http://localhost:8000.

📁 Structure Overview

  • app/Http/Livewire/ — Livewire components for managing users
  • resources/views/ — Blade templates for UI
  • routes/web.php — Application routes

📚 Credits

  • Built as part of WPU Course for hands-on Laravel and Livewire practice.

Thank you for checking out DashLive!

About

DashLive is a simple web-based project that provides basic user data management features, including adding, deleting, and reading user data. This project utilizes Livewire to implement its core functionalities, offering a reactive and seamless user experience within a Laravel ecosystem.

Topics

Resources

Stars

Watchers

Forks

Contributors 2

  •  
  •  

Languages