My very first travel app

The nine weeks of the web development training at Ironhack Berlin are gone! I had a great time and I will miss my teachers and colleagues, as well as enjoying life at the German capital.

Web development teachers and students

To finish my training I had to present a final project and decided to develop a travel app. I have been working many years in the Tourism / Travel industry and wanted to develop a website using well-know API (Application Programming Interface).

So I developed a website called “myTravelApp” in 2 iterations. The website is a full-stack responsive application developed using JavaScript. You can access the code in my GitHub repository: https://github.com/amerzbach/myTravelAppReact

You can test the app accessing to: https://mytravelapp-react.herokuapp.com/

User story

myTravelApp” allows you to search for flights, hotels and activities in any destination worldwide in a simple way.

Also from the homepage you can search in a combined way for all 3 products.

Based on a tabbed interface you can access to:

  • Flights information including total duration, number of stops, airline and flight number, arrival and departure times
  • Hotel description, photos and location
  • Activities description
Flights search implemented using Lufthansa Open API
Hotel Information provided by Hotelbeds APItude
Combined search of Flights + Hotels + Activities

Front-End

In the first iteration was developed using Handlebarsjs while for the second version presented I re-designed it using the popular React library. In both cases, I used also Bootstrap and CSS. In the beginning, React was a bit hard to understand, but after the learning process, I started to love it.

Back-End

For the back-end part, I used NodeJS, Express and a MongoDB database. To access the APIs I used Axios library.

One of my main objectives was learning to use well-known APIs, the ones I use are:

The most interesting part here was to setup a multi-layer API calls from the front-end to the back-end and from there to the API Provider. I had to do it this way because the APIs required authentication and this is only to be set up securely from the back-end.
Moreover, for the combined search of Flights + Hotels + Activities, I learned how to parallelize 4 API calls at the same time to improve performance.

Tools

During the Ironhack training and the project I learned also to use:

  • Microsoft Visual Studio Code
  • GitHub as the code repository
  • MongoDB Compass
  • Postman to simulate API calls
  • Heroku as the hosting platform
Using Microsoft Visual Studio Code to code

Lessons learned

  1. React is much better for front-end development compared to other alternatives​
  2. Is important to read the API documentation​, however, could not be easy to understand for beginners like me.
  3. API authentication is the first step to use the API​
  4. API Authentication – requires API Calls from the back to store authentication keys​
  5. Each API use its authentication method, for example: Lufthansa Open API uses Token-based auth​entication and Hotelbeds APITUDE: SHA-256 Encryption​
  6. As I used non-productive test API – not always stable – Plan alternatives for your app demo in case your API does not work or perform well.

Reinventándome en Berlín – Segunda Parte

El tiempo vuela aquí en Berlin con el curso de Ironhack: Estamos a mitad de curso sin casi darnos cuenta. Para los entendidos de la materia ya acabamos el módulo de 3 semanas de front-end y ahora estamos con el back-end: Mucho node.js, MongoDB y Express.

En el tiempo libre disfrutando de la ciudad el fin de semana, recibiendo visitas desde España. El verano en Berlin es muy bonito – pese a la ola de calor – puedes ir por todo en bicicleta y disfrutar de sus lagos como el Teufelsee. Por ahora no añoro las playas de Mallorca.

Seguiremos informado desde Berlin 🙂

Reinventándome en Berlín

Después de tres meses trabajando en Ominacces decidí que necesitaba un cambio en mi vida profesional más alla del Parc Bit. Ominacces es una gran empresa con excelentes profesionales de la que guardo muy buen recuerdo, pero el corazón me pedía un cambio mayor.

Así que decidí aprovechar parte de la indemnización por despido de TUI y reciclarme en Berlín.

Me decidí por un curso de desarrollo web full-stack en Ironhack en Berlin. Ironhack tiene centros en varias ciudades, entre ellas Madrid y Barcelona, pero opté por la capital alemana. Ya conocía Berlin como turista pero quería saber cómo es vivir aquí.

Una de las cosas que más me ha sorprendido es lo rápido que han subido los precios del alquiler aquí en Berlin. Hace unos años era una de las capitales más baratas de Europa… Por lo demás Berlín es muy agradable en verano, lleno de parques y se puede ir en bicicleta o andando a cualquier parte. Desde el punto de vista profesional se nota la gran cantidad de start-ups con presencia en Berlin. Si os preocupa el desconocimiento del alemán, aqui te puedes desenvolver muy bien en inglés.

El curso en Ironhack está resultando bastante intenso pero totalmente satisfactorio. Sólo llevamos una semana y media de curso y ya hemos dado HTML, JavaScript, CSS, programación orientada al objeto, GitHub (y lo que nos queda!). El curso es de 9 semanas y cada 3 semanas hay que presentar un proyecto en base a los conocimientos adquiridos en las dos semanas anteriones.

Además de las clases se organizan Meetups como el que tuvimos ayer por la tarde donde nos presentaron la empresa www.dube.io fundada por un ex-profesor y alumnos de Ironhack.

Para los que os interese el curso de Ironhack cuesta unos 7.000 euros y también ofrecen cursos de UX/UI y Data Analytics. Los cursos se pueden hacer full-time or part-time en cualquiera de las ciudades donde se imparten.

Y aquí estoy. Seguiremos informado desde Berlin 🙂

0343231E-B63B-4F67-A61C-8918BD080944
5C2EC2F6-BFEF-4C7C-8B9E-3259BCF33B07
A11FE9CC-4C68-448A-A4DA-68353DEA38FC