Lädt...


🔧 Building an E-commerce Admin Panel with Laravel, Livewire, and Kotlin Multiplatform


Nachrichtenbereich: 🔧 Programmierung
🔗 Quelle: dev.to

Hey Dev Community! 👋 Are you ready to delve into the realm of e-commerce management systems? I'm excited to share a project that combines the robustness of Laravel and Livewire for the admin panel, alongside Kotlin Multiplatform for a cross-platform shopping application.

Overview

Our aim was to craft an admin panel that streamlines the management of products, categories, and users, complemented by a dynamic API to foster seamless interactions with the shopping platform.

Application

Our shopping application, built with Jetpack Compose Multiplatform in Kotlin, empowers users to browse, search, and make purchases across Android and iOS devices with a user-friendly interface.

Tech Stack

Backend (Admin Panel):

  • Laravel for a strong backend foundation
  • Livewire for dynamic frontend interactions.

Cross-Platform Application:

  • Kotlin Multiplatform for shared UI components.
  • Kotlin Coroutines for asynchronous tasks.
  • Compose Multiplatform for declarative UI.
  • Material3 for consistent design.
  • Ktor for networking capabilities.
  • Datastore for efficient local data storage.
  • Precompose for streamlined development.
  • Koin for dependency injection.

Installation Guide

Laravel Installation:

  • Clone the repository: git clone https://github.com/soheilkhaledabdi/shop.git
  • Navigate to the directory: cd shop
  • Run composer install
  • Create a copy of .env: cp .env.example .env
  • Generate the application key: php artisan key:generate
  • Execute migrations and seed the database: php artisan migrate --seed

Key Features

Admin Dashboard: Seamlessly manage products, categories,
orders, and customers.
Laravel & Livewire: Harness Laravel's backend prowess with Livewire for reactive UI.
Full API: Enable external integrations and interactions with the shopping platform.
Table of Features

Postman Collection

Access the Postman Collection here. You can also download the JSON configuration file.

Feel free to contribute to and enhance this project by visiting the repository here. Your support by giving a star ⭐ is immensely appreciated!

Let's collaborate and build remarkable solutions together! 🚀

...

🔧 Generate Livewire Unit Test from Created Livewire Components


📈 40.84 Punkte
🔧 Programmierung

🔧 laravel 11 - laravel livewire 3.x


📈 39.08 Punkte
🔧 Programmierung

🔧 Trying Kotlin Multiplatform for the First Time: Step by Step Building an App with KMP


📈 35.86 Punkte
🔧 Programmierung

🎥 I Built Laravel 10 Blog with Admin Panel #laravel


📈 33.2 Punkte
🎥 Video | Youtube

🎥 Now in Android: 75 - Android Studio Electric Eel, Architecture, Kotlin Multiplatform, and more!


📈 31.49 Punkte
🎥 Video | Youtube

🔧 Kotlin Multiplatform for Mobile and OTT Cross-Platforms


📈 31.49 Punkte
🔧 Programmierung

🔧 Coil and Ktor in Kotlin Multiplatform Compose project


📈 31.49 Punkte
🔧 Programmierung

🔧 Manual Memory Management and Garbage Collection in Kotlin Multiplatform Native Shared Libraries


📈 31.49 Punkte
🔧 Programmierung

🔧 Memory Management and Garbage Collection in Kotlin Multiplatform XCFramework


📈 31.49 Punkte
🔧 Programmierung

🔧 Laravel and Livewire Examples


📈 30.97 Punkte
🔧 Programmierung

🔧 How to use Quill Editor with Laravel 10 and Livewire v3


📈 30.97 Punkte
🔧 Programmierung

🔧 Embracing the Future of Web Development with Laravel, PestPHP, Livewire and Vue.js


📈 30.97 Punkte
🔧 Programmierung

🔧 Introducing a Flexible and Framework-Agnostic Laravel Livewire Modal Package


📈 30.97 Punkte
🔧 Programmierung

🔧 Laravel Livewire: What it is, and how to use it in your web app


📈 30.97 Punkte
🔧 Programmierung

🔧 Developing ERP with Laravel and Livewire. Invitation for contributions.


📈 30.97 Punkte
🔧 Programmierung

🕵️ Low CVE-2019-17433: Laravel-admin Laravel-admin


📈 30.74 Punkte
🕵️ Sicherheitslücken

🔧 Intro to Kotlin Multiplatform


📈 30.27 Punkte
🔧 Programmierung

📰 Kotlin Multiplatform Mobile bringt Android und iOS unter einen Hut


📈 30.27 Punkte
📰 IT Nachrichten

📰 Kotlin Multiplatform Mobile: Native Apps entwickeln mit Multiplattform-Technik


📈 30.27 Punkte
📰 IT Nachrichten

📰 "Kotlin Multiplatform Mobile" zum Entwickeln für Android und iOS erreicht Beta


📈 30.27 Punkte
📰 IT Nachrichten

🔧 JetBrains releases Kotlin Multiplatform stable version


📈 30.27 Punkte
🔧 Programmierung

🔧 Kotlin Multiplatform is now stable – What's the Impact?


📈 30.27 Punkte
🔧 Programmierung

🔧 Kotlin Multiplatform vs. Flutter: Making the Right Choice for Your App


📈 30.27 Punkte
🔧 Programmierung

🔧 JetBrains reveals its 2024 development roadmap for Kotlin Multiplatform


📈 30.27 Punkte
🔧 Programmierung

🔧 MOBILE FRAMEWORKS: Flutter vs .NET MAUI vs Kotlin Multiplatform Mobile (KMM) vs React Native


📈 30.27 Punkte
🔧 Programmierung

🔧 How to develop an AI app with a local model in Kotlin Multiplatform


📈 30.27 Punkte
🔧 Programmierung

🔧 Enhance iOS Development with Kotlin Multiplatform Library


📈 30.27 Punkte
🔧 Programmierung

🔧 Kotlin Multiplatform Made Easy: A Guide to IDE Support 🛠️


📈 30.27 Punkte
🔧 Programmierung

🔧 SwiftUI Previews don't Work for Kotlin Multiplatform Mobile (KMM) Projects.


📈 30.27 Punkte
🔧 Programmierung

📰 JetBrains stoppt eigene IDE-Pläne: Kotlin Multiplatform-Entwicklung im Fokus


📈 30.27 Punkte
📰 IT Nachrichten

🔧 JetBrains stoppt eigene IDE-Pläne: Kotlin Multiplatform-Entwicklung im Fokus


📈 30.27 Punkte
🔧 Programmierung

🔧 Laravel Livewire CRUD with Breeze & Tailwind CSS


📈 29.75 Punkte
🔧 Programmierung

🔧 Integrating Cloudflare Workers AI with Laravel Livewire


📈 29.75 Punkte
🔧 Programmierung

🔧 Pourquoi Laravel Livewire Table est un meilleur choix que DataTables ???


📈 29.75 Punkte
🔧 Programmierung

matomo