Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/danncruise/laravel-react-inertia

CRUD en una sola vista, se usa el sistema de autenticación Laravel Breeze. Se utiliza Laravel 9 y React con Inertia.js
https://github.com/danncruise/laravel-react-inertia

crud inertiajs laravel login react tailwindcss vite

Last synced: 30 days ago
JSON representation

CRUD en una sola vista, se usa el sistema de autenticación Laravel Breeze. Se utiliza Laravel 9 y React con Inertia.js

Awesome Lists containing this project

README

        

# CRUD Laravel + React + Inertia (LaraReactCars)

## CRUD con login en Laravel 9 y React

CRUD en una sola vista, se usa el sistema de autenticación Laravel Breeze.

- Se utiliza Laravel 9 y React con Inertia.js.

- No se utiliza bootstrap, en esta ocasión se usa Tailwind que ya viene con Laravel

- Se utilizan los componentes que ya trae la instalación.

- Se crean 2 componentes, uno para select y otro para botón de editar

- Se utiliza Factory para crear 10 registros iniciales en B.D.

Instalación:

1) Crear una base de datos mysql

2) Clonar o descargar el proyecto en el directorio de tu servidor web

3) Acceder mediante terminal a la carpeta del proyecto

4) Ejecutar: Composer install

5) Crear el archivo .env con los comandos: cp .env.example .env

6) Generar la API key ejecutando: php artisan key:generate

7) En el archivo .env colocar el nombre de la base de datos

8) Para ejecutar las migraciones: php artisan migrate --seed

9) Ejecutar npm install para las dependencias de node.js

10 Ejecutar php artisan serve para visualizarlo en el navegador o puedes usar Laragon, xammp, etc.

## Tabla Cars
- id
- make
- model
- color

## Video de explicación

Si quieres ver el video en donde se explica el ejercicio paso a paso [te comparto el siguiente enlace](https://youtu.be/bxX15LL_zE4)