sergimicoortiz/vuejs_laravel_spring-boot_mysql

VueJS_Laravel_Spring-Boot_MySQL

Por Sergi Micó Ortiz y Juan Luis López del Barco

Table of Contents

1. Kamaron
2. Instalar
3. Tecnologias

Kamaron! 🦐

Bienvenidas y bienvenidos a Kamaron

1. Home: Carousel e infiniteScroll de las mesas más grandes(capacidad de comensales)

2. Reservation: Obtención de mesas, filtros, paginación, acceso al details

3. Details: Ver detalles de la propia mesa, calendario con dias de reservas y colores para distinguir si se puede o no reservar.

4. Profile: Ver detalles de tu perfil en concreto, además poder acceder al listado entero de tus reservas y a partir de ahí poder updatear o borrar la propia reserva si es necesario.

5. Login: Register y Login de usuario.

6. Dashboard: Solo tienen acceso los administradores, contiene todos los cruds: categorias, mesas, reservas, usuarios. Los administradores en este apartado puedes acceder al FileUpload en el CRUD de categorias. Acceso de los administradores a la acceptación de una reserva.

Instalar 💿

---

Requisitos

Es necesario crear el fichero .env en la carpeta backend y el secrets.js del frontend. El contenido puede ser el mismo que el de los ficheros de ejemplo.

Tener instalado las siguientes herramientas:

• Vue v3
• Laravel v9
• Spring-boot v2.7.6
• MySQL

Puesta en marcha

Backend

cd backend
chmod 777 -R .
php artisan key:generate
php artisan jwt:secret
php artisan storage:link
php artisan migrate:fresh --seed

Frontend

cd frontend
npm install -D
npm run dev

Tecnologías 👨‍💻

---

Lista de tecnologías utilizadas en este proyecto:

Backend 🏗️

• Laravel v9

  • Routes
  • Models
  • Controllers
  • DB validation
  • File upload
  • Mysql
    • Relationships
    • Schema
  • Middleware_auth
    • Header
    • Token JWT
  • Seeders y factorys: users y products

• Spring-boot v2.7.6

  • Routes
  • Models
  • Controllers
  • DB validation
  • MySQL
    • Relationships
    • Schema
  • Middleware_auth
    • Header
    • Token JWT
    • Token Blacklist

Frontend 🏛️

• Vue v3
  • JavaSpript
  • Estructurado en Modules
  • Routes
  • Models
  • Components
  • Reactive Forms
    • Validation
  • Lazy load
  • Guards
  • Service with axios
  • Authentication JWT enviado por Headers
  • Store y composables
  • Librerias:
    • Toaster
    • V-Calendar
    • DataTables
    • vue-select

BBDD💾

• MySQL