Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dragonsea0927/laravel-react-vite-stisla
[NEW!] Auth JWT Multirole + CRUD, Searching, Pagination, Showing with Laravel React Vite and Template admin stisla!
https://github.com/dragonsea0927/laravel-react-vite-stisla
ai crud jwp laratrust laravel react spa stisla vite
Last synced: about 2 months ago
JSON representation
[NEW!] Auth JWT Multirole + CRUD, Searching, Pagination, Showing with Laravel React Vite and Template admin stisla!
- Host: GitHub
- URL: https://github.com/dragonsea0927/laravel-react-vite-stisla
- Owner: dragonsea0927
- License: mit
- Created: 2024-08-08T02:52:24.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-08-08T02:54:29.000Z (5 months ago)
- Last Synced: 2024-08-08T18:50:47.758Z (5 months ago)
- Topics: ai, crud, jwp, laratrust, laravel, react, spa, stisla, vite
- Language: JavaScript
- Homepage: http://lrv.fahmiibrahimdev.tech
- Size: 10.8 MB
- Stars: 11
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Laravel React Vite Stisla
This project is a web application built with Laravel, ReactJS with Vite, and Stisla Admin Template. The web application is designed to provide a user-friendly interface for managing data with the CRUD, searching, pagination, showing, single page application, and validation features.
## Folder Structure
- backend: Contains the Laravel project
- frontend: Contains the ReactJS project
## Features
- Laravel for backend RESTful API
- ReactJS with Vite for frontend development
- Stisla Admin Template for responsive and user-friendly interface
- CRUD operations for managing data
- Searching and pagination functionality
- Single page application with React Router
- Form validation with ReactJS validation rules
- [NEW!] Authentication with JWT Token
- [NEW!] Validation and sweetalert authentication
- [NEW!] Multiple authentication role REST API with laratrust!
- [NEW!] Page: 404, 403.
## Prerequisites
1. PHP >= 8.1 or new
2. Composer
3. Node.js last version
4. NPM last version
5. MySQL or MariaDB last version
## Installation
1. Clone this repository to your local machine:
```
git clone https://github.com/fhmiibrhimdev/laravel-react-vite-stisla.git
```
2. Install the dependencies for the Laravel project:
```
cd backend
composer install
```
3. Create a .env file for your Laravel project and configure your database settings:
```
cp .env.example .env
```
4. Generate a new APP_KEY for your Laravel project:
```
php artisan key:generate
```
5. Run database migrations:
```
php artisan migrate:fresh --seed
```
6. Run JWT Secret and Storage Link:
```
php artisan jwt:secret
php artisan storage:link
```
7. Install the dependencies for the ReactJS project:
```
cd ../frontend
npm install
```
8. Start the development server for the ReactJS project:
```
npm run dev
```
9. Start the development server for the Laravel project:
```
cd ../backend
php artisan serve
```
10. Visit [Localhost](http://localhost:5173/products) in your web browser to access the web application.
## License
This project is licensed under the MIT License. See the [LICENSE](https://github.com/fhmiibrhimdev/laravel-react-vite-stisla/blob/main/LICENSE) file for more details.