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
- ...
- 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
- Clone the repository:
git clone https://github.com/your-repo/laravel-inertia-react.git cd laravel-inertia-react - Install backend dependencies:
composer install
- Install frontend dependencies:
npm install
- Set up environment variables:
cp .env.example .env php artisan key:generate
- Run migrations:
php artisan migrate
- 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.