Web Developer Projects and Apps

Here you will find all my old and new web developer projects and apps. There are big and small ones. But each of these projects taught me something so they deserve to be here 🙂

IMPORTANT: Many Github repos remain private, if you want to see them please ask me to watch. Remember you can see more info about me on this section .

——————

Development of CountriesApp: a place where you can search a lot of useful info about world countries with Angular 14

Here I use latest version of Restcountries, a powerful REST API to request many info about all countries in the world.

Apart of routing and other basic Angular concepts, here I learned some Rxjs new things like the use of subjects and some powerful operators like switchMap, which allows us to automatically subscribe to an Observable when we emit another Observable. That is how we get an observable with the data of each country when we use the activatedRoute service’s “params”, which also is an Observable which helps us get the route parameters, in this case the id of the country as an Observable, and then get automatically the observable with the country info for that id.

However the most important thing I learned with this project is trying to have no limits when you want to resolve a problem. I mean, to develop certain functionality the API had a little issue. Where others could simply think “ok, API is wrong, can´t do this”, I opened an issue on the official API’s repository to know if there was actually a problem and which was. I learned then how to fix it with some custom code and also helped API´s creator to modify and improve things for the next API´s version.

You can see the thread here:

https://gitlab.com/amatos/rest-countries/-/issues/160

Click here to use the app

——————

Development of Gif Searcher: a webapp to search Gifs made with Angular 13 and Bootstrap

In this project I use the power of Giphy API to make an user friendly experience where you can not only search your favourite images, but you will also be able to share the images with your Facebook, Twitter or Tumblr profiles, using their respective APIs. Also you can simply copy the link automatically generated for each picture and paste it wherever you want, with the help of a button provided for each image.

Other features:

- - I use Local Storage to store and show your latest searches. Also duplicated and empty searches are controlled to make a more professional and usable work.
  - The webapp is available in English and German, depending on your browser´s Locale language. To develop this feature I used ngx/translate and i18n
  - Each time you join the web, you will see a different “welcome” picture. It was possible investigating the possibilities of the Giphy API.
  - Code is available on GitHub. I tried to be careful with security issues that could happen when a developer uploads code to GitHub. In this case, I tried to desynchronize files where sensitive data like API keys could be stored. That is possible with the .gitignore file.