Pic Optimizer
Description
The website that has saved me the most time! For my websites, I usually create three versions for each image, one for mobile, one for tablet and one for desktop or laptop. This lets me make sure images look good on any device without taking too much space, but optimizing them one by one was very slow. This page allowed me to optimize images much faster and more efficiently, in a single click I can optimize all three versions.
Challenges
Creating something fast and easy to use was essential, since it is a tool I would use very often. It also had to let me prepare each version before downloading it, to configure sizes, names and compression quality. Finally, I wanted a tool that worked locally, I did not want to depend on a server to create the new image, I needed everything local in case I lost connection at any moment.
Astro
JavaScript
Tailwind
Cloudflare Pages
Tenfe
Description
My circle and I wanted to see the status of the R1, RG1 and R11 Cercanías lines on a map, to see all trains with issues placed on a map. This led to creating a website that was more useful than I expected. Now it reports the current position, whether it is moving or stopped, arrival time, infrastructure problems, etc. All of this using Renfe data.
Challenges
Being able to manage all the related information is a bit complicated. I had to create a Scrapper, together with routes that return JSON files, to obtain the data. The data also had to be updated very often, since train status changes very quickly. Station data, train lines, timetables, etc. are stored in huge files, very inefficient for searches. Seeing this problem, I created different scripts to filter all this information and manage many caches for my own APIs, which returned information already processed and ready to be shown on the web. Everything is in a document called RESOURCES.md inside the repository. Currently, there is still the challenge that, every so often, Renfe decides to modify timetables and routes, this means manually downloading a .zip again to Scrape new information that complements what is obtained from the JSON files.
Astro
JavaScript
Tailwind
Cloudflare Pages
Management panel for real estate agencies
Description
As a freelancer I work with different real estate agencies, and each one had a different management panel for properties, bookings, etc. I decided to create my own management panel to offer a more complete service to my clients. This panel allows managing properties, locations, blog content for the website and everything they ask for. It also has an integrated script that I created to upload images and have the panel optimize them automatically, so clients do not have to worry about uploading large and poorly optimized images. On top of that, different users can be created with different permissions, so clients can grant access to different people.
Challenges
I wanted to create something that was easy to use for my clients and easy to customize in case they wanted to add specific features. It also had to be fast and efficient, since it is a tool used very often. Most importantly, I wanted it to be useful, to save clients time while helping end users see content clearly. Finally, it has to be a secure system for the outside world.
CodeIgniter
PHP
Servidores/VPS
Docker
MySQL
Seguretat
Tailwind
Cloudflare
Vida Oculta Project
Description
Website for a friend's final degree project. Its core feature is Viewtransitions to make page transitions smoother and more pleasant. It has a very simple design, to make it more accessible and easy to use for the target audience.
Challenges
We needed a mobile-oriented website, since it is an extension of a brochure that is handed out and the main access to the web is through a QR. We wanted an easy-to-use website that allowed users to access information quickly and simply. We also had the idea of creating a website with Viewtransitions, to make page transitions more pleasant and smoother.
Astro
TypeScript
Tailwind
Vercel
Console Pong
Description
Console Pong is a classic game recreated in the terminal using Node.js. It features simple controls and a two-player gameplay experience. Later I want to update it to add multiplayer through Sockets.
Challenges
The challenge was making an interactive game run in the terminal itself. Considering two players, it is necessary to make sure keyboard inputs are processed correctly and that gameplay is smooth. The terminal also needs to be cleared to print the board in a clearer way and not one frame below another.
Node.js
TypeScript
Can I shower?
Description
At home we have the problem of sharing one boiler between two houses. When people in the downstairs house shower, people upstairs have no hot water. To notify that we were showering, and not take hot water from anyone, we notified each other on WhatsApp. This was a bit cumbersome, since you had to notify when entering and leaving the shower. I decided to create this Web App to make communication easier. We can set how long we will be showering and then we do not need to notify when we finish. It also has a timeline to see the most common shower hours and thus be able to avoid them. Thanks to this application, we have been able to improve coexistence in a very simple and efficient way.
Challenges
Creating an application that was easy to use and enabled clear communication between both houses was one of the main challenges. Saving as much time as possible, since it is an app used very often, was essential. It was also necessary to make sure the application was accessible from any device. I created a PWA to save it on mobile, since that is the most used device for this type of communication.
Astro
TypeScript
Tailwind
Turso
Vercel
API
Coach IA Cli
Description
A terminal app that gives you feedback on your workouts. You send your workout in .tcx and the AI model you choose will analyze it to give you an opinion and next steps. It uses Ollama to load models locally so your data never leaves your computer. I created it to test a bit the world of local models and the APIs offered both by Ollama and by the most important companies. I also wanted to create an app that could be useful for me. In the future I want to enable connection with Strava to read workouts directly, and thus not have to download any file.
Challenges
The main problem has been my computer, since it is not very powerful for local models. To save resources, I extract data from the file with a JS script and prepare it before sending. I calculate heart-rate averages, speeds, etc. myself and only send the most important data to the model so it can analyze the workout. This is a project I would like to keep developing and improving, since I think it has a lot of potential for people who want to analyze their workouts in a more detailed way.