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.

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.

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.

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

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

Cada experiencia puede contener distintas fotos y tiene las siguientes entradas :
- Texto alternativo de la foto
- URL
- FK Id de la experiencia

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

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.