This is an open-source Laravel Inertia React application that provides a modern full-stack development experience. It utilizes Laravel as the backend, Inertia.js for server-driven frontends, and React for building dynamic user interfaces.

• 🚀 Laravel Backend – Robust API and database management
• ⚡ Inertia.js Integration – Server-driven rendering without the need for a traditional REST API
• 🎨 React Frontend – Dynamic UI with state management
• 🔐 Authentication – User registration, login, and role-based access control (RBAC)
• 📊 Dashboard – Vue Js Admin panel with analytics and reports
• 📦 Modular Architecture – Easy-to-extend components and services

• Design Upload
• Design Preview
• Mockup Creation
• Mockup Preview

• Mobile Responsive
• Unit tests - In Progress
• Integration tests - In Progress
• CI/CD - WIP

• Version 1: Basic Design upload & Mockup creation
• Version 2: AI Workflow
• ...

Live Demo

• Backend: Laravel 12+, PHP 8+
• Frontend: React,VueJs, Inertia.js, Tailwind CSS
• Database: MySQL / PostgreSQL / SQLite
• Authentication: Laravel Sanctum
• State Management: Zustand / Context API

Ensure you have the following installed:

• PHP 8+
• Composer
• Node.js & npm
• MySQL / PostgreSQL / SQLite

1. Clone the repository:

   git clone https://github.com/your-repo/laravel-inertia-react.git
   cd laravel-inertia-react

2. Install backend dependencies:

   composer install

3. Install frontend dependencies:

   npm install

4. Set up environment variables:

   cp .env.example .env
   php artisan key:generate

5. Run migrations:

   php artisan migrate

6. Start the development server:

   php artisan serve
   npm run dev

After setup, visit http://localhost:8000 to access the application. You can log in, manage users, and interact with the dashboard.

We welcome contributions! Feel free to fork the repository, make changes, and submit a pull request.

This project is licensed under the MIT License.

Developed by Olusegun Ibraheem.