VAN_Experiences

• Se trata de una web de gestión y venta de experiencias dónde los usuarios podrán adquirir paquetes de distintos tipos y en distintas localizaciones.

Backend

• Se trata de una API con arquitectura REST creada en Node.js, junto con Mysql y Express. Donde se utilizan diversas dependencias como: Joi, Dotenv, Jsonwebtoken, Sendgrid, Date-fns, FS-Extra, Sharp, Uuid, Mysql2 y Express-Fileupload.

Frontend

Creado en React.js, hemos usado algunas dependencias como:

• Styled-components: Como base para la creación y estilado de la aplicación.
• Material-ui: Para el rating de las experiencias.
• Bootstrap: Para la generación de los formularios.
• React-Datepicker: Para los calendarios.
• React-Alice-Carousel: Para los sliders.
• Ademas un conjunto añadido para gestión de la aplicación: Axios,React-Router,Query-String,Date-Fns,JWT-Decode,UUID.

Configuración inicial

• Disponen de un documento ".env.example" en la carpeta de backend y frontend, el cual debe ser rellenado en los campos libres y guardado en la raíz del directorio en cuestión como ".env"

• Según los datos propios de Mysql para el backend.
• Para el front solo debemos cambiar el nombre a ".env" si hemos configurado el puerto recomendado, en caso contrario cambiar el puerto.

• Las variables SG_API_KEY y SENDGRID_FROM indicar los facilitados por http://sendgrid.com para tu propio usuario registrado.
• La variable SECRET debe ser un string alfanumerico aleatorio.

Ejecución del Backend

• Para iniciar el backend, nos situaremos en la raíz de backend y ejecutaremos en un terminal los siguientes comandos:

• [npm install] Instala todas las dependencias necesarias para el correcto funcionamiento del sitio.

• [npm run sql] Ejecuta el script que crea la base de datos, las tablas, y los datos necesarios.

• [npm run dev] Ejecuta el servidor para poder trabajar, http://localhost:PORT con el fin de que cors funcione correctamente recomendamos el puerto: 8080

Ejecución del Frontend

• Para iniciar el frontend necesitamos tener como gestor de dependencias "yarn", nos situaremos en la raiz de frontend y ejecutaremos en un terminal los siguientes comandos:

• [yarn] Para instalar todo lo necesario para poder probar la aplicación.

• [yarn start] Ejecuta el servidor para poder trabajar, http://localhost:PORT con el fin de que cors funcione correctamente recomendamos el puerto: 3000

Composición del Backend

Tabla Experiencias.

• Cada experiencia tiene las siguientes entradas :

  • Descripción
  • Nombre
  • Ciudad
  • Categorias
  • Fecha de inicio de la actidad
  • Fecha final de la actividad
  • Participantes de la actividad
  • Precio
  • Disponibilidad

Tabla Usuarios.

• Cada usuario tiene las siguientes entradas :

  • Nombre de usuario
  • Contraseña
  • Rol
  • Email
  • DNI
  • CCC (Datos bancarios)
  • Dirección
  • Telefono
  • Nombre
  • Apellidos
  • CP
  • Valoracción
  • Foto de usuario

Tabla Fotos.

• Cada experiencia puede contener distintas fotos y tiene las siguientes entradas :

  • Texto alternativo de la foto
  • URL
  • FK Id de la experiencia

Tabla Reservas.

• Cada usuario puede realizar reservas de experiencias y las reservas tienen las siguientes entradas :

  • Cantidad
  • Fecha de reserva
  • Fecha de compra
  • Precio total
  • Estado
  • Valoración
  • Comentario
  • Fecha del comentario
  • FK Id del usuario
  • FK Id de la experiencia

Endpoints

Endpoints experiencias e imágenes.

• GET - [/experiences] - Obtener la lista de experiencias.

  • search = Lo que escriba el usuario en el buscador
  • ciudad = La ciudad seleccionada
  • precio = Precio seleccionados por el usuario
  • disponibilidad = Si la experiencia esta disponible

• GET - [/experiences/:idExp] - Obtener los datos de una experiencia concreta

• PUT - [/experiences/:idExp] - Editar la experiencia

• DELETE - [/experiences/:idExp] - Elimina la experiencia

• DELETE - [/experiences/:idExp/photo] - Elimina la img

• POST - [/experiences] - Crea una nueva esperiencia

• POST - [/experiences/:idExp/photo] - Añade una nueva img

Endpoints del usuario.

• GET - [/users/:idUser] - Obtener un usuario.

• GET - [/users/validate/:registrationCode] - Valida el alta de un usuario

• POST - [/users] - Crear un usuario

• POST - [/users/login] - Logea el usuario restornando un tokent.

• POST - [/users/:idUser/avatar] - Crear el avatar del usuario.

• DELETE - [/users/:idUser] - Elimina la cuenta de un usuario.

• DELETE - [/users/:idUser/avatar] - Eliminar el avatar del usuario.

• PUT - [/users/:idUser] - Editar los datos de un usuario

• PUT - [/users/:idUser/pwd] - Editar la contraseña de un usuario

• PUT - [/users/recover/pwd] - Recuperar contraseña de un usuario

• PUT - [/users/reset/pwd] - Modifica la contraseña de un usuario

Endpoints de reservas.

• GET - [/bookings] - Obtener todas las reservas

• GET - [/bookings/:idBooking] - Obtener las reservas de una experiencia.

• POST - [/bookings] - Crear una nueva reserva.

• PUT - [/bookings/:idBooking/coments] - Crear un comentario de la reserva.

• PUT - [/bookings/:idBooking/rating] - Agregar una Valoración sobre la reserva.

• DELETE - [/bookings/:idBooking] - Cancelar una reserva.