Es una aplicación web para una aerolínea que permite la reservación de vuelos. Volando con seguridad, rápidez y confianza 🌴.
- Búsqueda de vuelos por ciudad, fecha y cantidad de personas.
- Selecciona tu vuelo para reservar.
- Reserva tu vuelo.
- Calcular el precio de tu vuelo en función de la cantidad de personas y el costo del pasaje.
Yo aprendí y practiqué más acerca de React.js, React Hooks, Redux (Reducers, Actions, Store), Sass, React Context y TypeScript.
Clonar el proyecto
git clone https://github.com/alxmcr/bookifly-app
Ir donde se encuentra el directorio del proyecto.
cd bookifly-app
Instalar NPM dependencies
npm install
Iniciar el Frontend server
npm run start
Abrir el navegador:
http://localhost:3000
Nota.-: Es necesario iniciar el Backend server: bookifly_api_py (Backend API)
Para arrancar el proyecto se necesita de variables de entorno(.env
). Donde se puede, colocar en la raíz del proyecto: bookifly-app/.env
(ver: .env-sample
)
REACT_APP_BACKEND_API_BASE_URL=http://localhost:4000
o si tienes un servidor en la nube:
REACT_APP_BACKEND_API_BASE_URL=https://bookifly-api-py.herokuapp.com
- Inicio (
/
) - Vuelos (
/flights
) - Reservas (
/bookings
)
typescript
: "^4.4.4"@testing-library/jest-dom
: "^5.14.1"@testing-library/react
: "^11.2.7"@testing-library/user-event
: "^12.8.3"react
: "^17.0.2"react-dom
: "^17.0.2"react-redux
: "^7.2.6"react-router-dom
: "^5.3.0"redux
: "^4.1.2"redux-devtools-extension
: "^2.13.9"sass
: "^1.43.4"
https://bookifly-app.netlify.app/
If you have any feedback, please reach out to me at [email protected].