Pic Optimizer
Descripció
La pàgina web que més temps m'ha estalviat! Per les meves pàgines web, normalment, creo tres versions per a cada imatge, una per a mòbil, una per a tauleta i una per a escriptori o portàtil. Això em permet assegurar-me que les imatges es veuen bé en qualsevol dispositiu sense ocupar massa espai, però optimitzar-les una a una era molt lent. Aquesta pàgina em va permetre optimitzar les imatges de manera molt més ràpida i eficient, en un sol clic puc optimitzar les tres versions.
Reptes
Crear alguna cosa que fos ràpid i fàcil d'utilitzar era essencial, ja que és una eina que faria servir molt sovint. També calia poder preparar cada versió abans de descarregar-la, per configurar les mides, noms i la qualitat de la compressió. Per últim, volia una eina que treballés en local, no volia dependre d'un servidor per crear la nova imatge, ho necessitava tot en local per si en qualsevol moment perdia la connexió.
Astro
JavaScript
Tailwind
Cloudflare Pages
Tenfe
Descripció
Jo i el meu entorn, volíem veure la situació de les línies R1, RG1 i R11 de Cercanias en un mapa, veure tots els trens amb problemes situats en un mapa. Això va portar a crear una web més útil del que pensava. Ara informa de la posició actual, si s'està movent o està aturat, temps d'arribada, problemes en les infraestructures, etc. Tot això fent servir les dades de Renfe.
Reptes
Poder gestionar tota la informació que hi ha al respecte és una mica complicat. Vaig haver de crear un Scrapper, juntament amb rutes que donen fitxer JSON, per obtenir les dades. També calia actualitzar les dades cada poc temps, ja que la situació dels trens canvia molt ràpidament. Les dades de les estacions, línies de trens, horaris, etc. estan guardats en fitxers enormes, molt poc eficients per a fer cerques. Veient aquest problema, vaig crear diferents scripts per poder filtrar tota aquesta informació i gestionar moltes cachés per a les meves propies APIs, que donaves la informació ja processada i preparada per a ser mostrada a la web. Tot està en un document anomenat RESOURCES.md dins el repositori. Actualment, encara està el repte que, cada cert temps, Renfe decideix modificar horaris i rutes, això comporta tornar a descarregar manualment un .zip per Scrapejar nova informació que complementi la que s'obté dels JSON.
Astro
JavaScript
Tailwind
Cloudflare Pages
Panel de gestió per immobiliàries
Descripció
Com a autònom treballo amb diferents immobiliàries, i cada una tenia un panell de gestió diferent per a les propietats, reserves, etc. Vaig decidir crear un panell de gestió propi per oferir un servei més complet als meus clients. Aquest panell permet gestionar les propietats, localitzacions, blogs per a la web i tot el que demanin. També té integrat un script que vaig crear per pujar les imatges i que el panell les optimitzi automàticament, així els clients no han de preocupar-se per pujar imatges grans i poc optimitzades. A més a més, es pot crear diferents usuaris amb diferents permisos, perquè els clients puguin donar accés a diferents persones.
Reptes
Volia crear una cosa que fos fàcil d'utilitzar per als meus clients i fàcil de personalitzar per si volien afegir funcionalitats específiques. També calia que fos ràpid i eficient, ja que és una eina que es fa servir molt sovint. El més important, volia que fos útil, que estalvies temps als clients a l'hora que ajudi a veure el contingut clar als usuaris finals. Per últim, ha de ser un sistema segur per al món exterior.
CodeIgniter
PHP
Servidores/VPS
Docker
MySQL
Seguretat
Tailwind
Cloudflare
Projecte Vida Oculta
Descripció
Pàgina web per al TFG d'un amic. Té com a funcionalitat base les Viewtransitions per a fer les transicions entre pàgines més fluides i agradables. Té un disseny molt senzill, per fer-la més accessible i fàcil d'utilitzar per al públic al qual va dirigit.
Reptes
Necessitàvem una web orientada a mòbil, ja que és una extensió d'un fulletó que es dona i l'accés principal a la web és a través d'un QR. Volíem una web fàcil d'utilitzar i que permetés als usuaris accedir a la informació de manera ràpida i senzilla. També teníem la idea de crear una web amb Viewtransitions, per poder fer les transicions entre pàgines més agradables i fluides.
Astro
TypeScript
Tailwind
Vercel
Console Pong
Descripció
Console Pong és un joc clàssic recreat a la terminal utilitzant Node.js. Presenta controls simples i una experiència de joc per a dues persones. Més endavant el vull actualitzar per afegir multijugador a través de Sockets.
Reptes
El repte estava en poder fer funcionar un joc interactiu en la mateixa terminal. Tenint en compte els dos jugadors, cal assegurar-se que les entrades del teclat es processessin correctament i que el joc sigui fluid. També s'ha de netejar la terminal per imprimir el tauler d'una manera més clara i no un fotograma sota l'altre.
Node.js
TypeScript
Em puc dutxar?
Descripció
A casa tenim el problema de compartir una caldera per a dues cases. Quan els de la casa de sota es dutxen, els de dalt no tenen aigua calenta. Per avisar que ens dutxàvem, i no treure l'aigua calenta a ningú, avisàvem per WhatsApp. Això era una mica enrevessat, ja que havies d'avisar a l'entrar i al sortir de la dutxa. Vaig decidir crear aquesta Web App per poder facilitar la comunicació. Podem posar el temps que ens estarem dutxant i així no hem d'avisar quan acabem. També té una línia del temps per veure les hores més comunes per dutxar-se i així poder evitar-les. Gràcies a aquesta aplicació, hem pogut millorar la convivència d'una manera molt senzilla i eficient.
Reptes
Crear una aplicació que fos fàcil d'utilitzar i que permetés una comunicació clara entre les dues cases va ser un dels principals reptes. Estalviar el màxim temps possible, ja que és una aplicació que es fa servir molt sovint, era essencial. També calia assegurar-se que l'aplicació fos accessible des de qualsevol dispositiu. Vaig crear una PWA per guardar-la en mòbil, ja que és el dispositiu més utilitzat per aquest tipus de comunicació.
Astro
TypeScript
Tailwind
Turso
Vercel
API
Coach IA Cli
Descripció
Una app per a la terminal que et dona opinions dels teus entrenaments. Li envies el teu entrenament en .tcx i el model d'IA que tu escullis l'analitzarà per donar-te una opinió i següents passos. Fa servir Ollama per carregar els models en local i així les teves dades no surten del teu ordinador. La vaig crear per provar una miqueta el món dels models en local i les APIs que ofereixen tant Ollama com les companyes més importants. També volia crear una app que pogués ser útil per a mi. En el futur vull habilitar la connexió amb Strava per poder llegir els entrenaments directament, i així no haver de descarregar cap fitxer.
Reptes
El problema principal ha sigut el meu ordinador, ja que no és gaire potent per a models en local. Per estalviar recursos, obtinc les dades del fitxer amb un script de JS i les preparo per enviar-les. Les mitjanes cardíaques, velocitats, etc. les calculo jo mateix i només envio les dades més importants al model perquè m'analitzi l'entrenament. És un projecte que m'agradaria continuar desenvolupant i millorant, ja que crec que té molt potencial per a persones que volen analitzar els seus entrenaments de manera més detallada.