/iflight

A flight checking app using amadeus API

Primary LanguageJavaScriptMIT LicenseMIT

Proyecto I flight


Integrantes:

Alison Janise Paico Quispe.

Claudia González Fuentes.

Cesar Octavio de Jesus Meza Carrillo.


Acerca de I flight:

*I flight es un sitio el cual ayuda a sus usuarios a encontrar sus vuelos de manera sencilla.

Para mayor referencia del proyecto, revise el siguiente (documento)[].


Inicio Rapido

Para arrancar el proyecto en un ambiente local. realice lo siguiente: 1- Descargue el contenido de este repositorio. 2.- Ir a la carpeta iflight/ en linea de comandos e insertar "npm run dev".

Nota Requiere credenciales de una api de (Amadeus for devs)[https://developers.amadeus.com/self-service/category/air/api-doc/flight-offers-search/api-reference], por favor inscríbase, y cree un archivo .env con sus propias credenciales.


Vistas

  • Landing : Esta página inicial, muestra los campos iniciales para buscar un vuelo, como requeridos tenemos la fecha de ida, fecha de regreso, origen, destino y cuantos adultos que viajan en el vuelo, por otro lado, los campos opcionales son la fecha de salida y los niños

  • Lista de Vuelos : Aquí se muestran todos los vuelos disponibles, los cuales fueron resultado de la búsqueda realizada con la información enviada anteriormente.

  • Detalle de los vuelos :Muestra el detalle del vuelo que seleccionemos desde la vista anterior


Librerías usadas

  • React 17: Librería de JS usada para construir interfaces de usuario.

  • Vite 2.9: Herramientas de ultima generación de construccion que apunta a proveer una experiencia rápida y fácil para proyectos web modernos.

  • Redux: Metodologia para manejo de estados en el frontend.

  • React-Router: Librería utilizada para administrar las diferentes rutas de las vistas.

  • Redux Toolkit 1.8 : Incluye utilerías para simplificar el uso común de diferentes casos como: configuración de Store, creación de reducers lógica de actualización inmutable y más.

  • Formik 2: Librería que nos sirve para la gestión de formularios y se encarga de realizar un seguimiento de los valores, errores, de campos visitamos, validar y manejar el envió.

  • MUI 5: Una biblioteca simple, personalizable y accesible de componentes de React.

  • Fontawesome 6: Framework de iconos vectoriales y estilos css.

  • React-datepicker 4: Un componente Datepicker simple y reutilizable para React.

  • SweetAlert2: Permite crear alertas personalizadas para enviar notificaciones al usuario.

  • Git/Github: Sistema de control de versiones utilizado para consolidar piezas de código, así como desarrollo ágil de software y puntos de recuperación del mismo.

  • Heroku: Es una plataforma como servicio (PaaS) que permite a los desarrolladores crear, ejecutar y operar aplicaciones completamente en la nube.


Despliegue

El deploy del sitio fue realizado en Heroku, Para acceder , puede dar click Aquí