Add titi as personal project (#48)

messages/en.json

@@ -118,22 +118,23 @@
     },
     "nameGenius": {
       "NameGenius website": "NameGenius website",
-      "NameGenius is a free web application designed to solve the challenge of finding creative and unique names for businesses, projects, or teams By leveraging artificial intelligence, it generates tailored name suggestions, streamlining a process that can be time-consuming and difficult The application offers an intuitive user experience with features like dark and light modes, making it accessible for a wide range of users NameGenius simplifies the naming process by utilizing cutting-edge technology to inspire creativity and save time": "NameGenius is a free web application designed to solve the challenge of finding creative and unique names for businesses, projects, or teams. By leveraging artificial intelligence, it generates tailored name suggestions, streamlining a process that can be time-consuming and difficult. The application offers an intuitive user experience with features like dark and light modes, making it accessible for a wide range of users. NameGenius simplifies the naming process by utilizing cutting-edge technology to inspire creativity and save time",
-      "Go to website": "Go to website"
+      "NameGenius is a free web application designed to solve the challenge of finding creative and unique names for businesses, projects, or teams By leveraging artificial intelligence, it generates tailored name suggestions, streamlining a process that can be time-consuming and difficult The application offers an intuitive user experience with features like dark and light modes, making it accessible for a wide range of users NameGenius simplifies the naming process by utilizing cutting-edge technology to inspire creativity and save time": "NameGenius is a free web application designed to solve the challenge of finding creative and unique names for businesses, projects, or teams. By leveraging artificial intelligence, it generates tailored name suggestions, streamlining a process that can be time-consuming and difficult. The application offers an intuitive user experience with features like dark and light modes, making it accessible for a wide range of users. NameGenius simplifies the naming process by utilizing cutting-edge technology to inspire creativity and save time"
     },
     "nightlyTunes": {
       "Nightly tunes website": "Nightly Tunes website",
-      "Nightly Tunes is a music library designed to make discovering and enjoying music easier By offering a platform where users can listen to their favorite songs and explore new ones, it addresses the challenge of finding fresh music With support for multiple languages and light or dark modes, it provides a personalized and user-friendly experience, simplifying the process of music discovery and playback": "Nightly Tunes is a music library designed to make discovering and enjoying music easier. By offering a platform where users can listen to their favorite songs and explore new ones, it addresses the challenge of finding fresh music. With support for multiple languages and light or dark modes, it provides a personalized and user-friendly experience, simplifying the process of music discovery and playback",
-      "Go to website": "Go to website"
+      "Nightly Tunes is a music library designed to make discovering and enjoying music easier By offering a platform where users can listen to their favorite songs and explore new ones, it addresses the challenge of finding fresh music With support for multiple languages and light or dark modes, it provides a personalized and user-friendly experience, simplifying the process of music discovery and playback": "Nightly Tunes is a music library designed to make discovering and enjoying music easier. By offering a platform where users can listen to their favorite songs and explore new ones, it addresses the challenge of finding fresh music. With support for multiple languages and light or dark modes, it provides a personalized and user-friendly experience, simplifying the process of music discovery and playback"
     },
     "miProjectManager": {
       "System for managing ESPOL thesis projects": "System for managing ESPOL thesis projects",
-      "This project was designed to streamline the process of handling thesis proposals and evaluations It addresses the challenge of coordinating between students, professors, and course coordinators by allowing clients to submit proposals, professors to manage and evaluate them, and coordinators to distribute projects efficiently This project enhances visibility and organization through a dashboard, simplifying the tracking and management of thesis progress It was developed in collaboration with key stakeholders, demonstrating a comprehensive application of computer science engineering skills to solve real-world administrative problems": "This project was designed to streamline the process of handling thesis proposals and evaluations. It addresses the challenge of coordinating between students, professors, and course coordinators by allowing clients to submit proposals, professors to manage and evaluate them, and coordinators to distribute projects efficiently. This project enhances visibility and organization through a dashboard, simplifying the tracking and management of thesis progress. It was developed in collaboration with key stakeholders, demonstrating a comprehensive application of computer science engineering skills to solve real-world administrative problems",
-      "Go to website": "Go to website"
+      "This project was designed to streamline the process of handling thesis proposals and evaluations It addresses the challenge of coordinating between students, professors, and course coordinators by allowing clients to submit proposals, professors to manage and evaluate them, and coordinators to distribute projects efficiently This project enhances visibility and organization through a dashboard, simplifying the tracking and management of thesis progress It was developed in collaboration with key stakeholders, demonstrating a comprehensive application of computer science engineering skills to solve real-world administrative problems": "This project was designed to streamline the process of handling thesis proposals and evaluations. It addresses the challenge of coordinating between students, professors, and course coordinators by allowing clients to submit proposals, professors to manage and evaluate them, and coordinators to distribute projects efficiently. This project enhances visibility and organization through a dashboard, simplifying the tracking and management of thesis progress. It was developed in collaboration with key stakeholders, demonstrating a comprehensive application of computer science engineering skills to solve real-world administrative problems"
     },
     "rushMessage": {
       "Rush Message is a real-time chat application built with Firebase Firestore, showcasing seamless instant messaging and message syncing across devices Leveraging Firestore’s real-time listeners and cloud integration, the app delivers a smooth, scalable, and responsive user experience This project highlights my expertise in developing real-time applications and utilizing cloud-based technologies to create efficient, modern solutions": "Rush Message is a real-time chat application built with Firebase Firestore, showcasing seamless instant messaging and message syncing across devices. Leveraging Firestore’s real-time listeners and cloud integration, the app delivers a smooth, scalable, and responsive user experience. This project highlights my expertise in developing real-time applications and utilizing cloud-based technologies to create efficient, modern solutions",
       "Rush Message app": "Rush Message app"
+    },
+    "titi": {
+      "Titi is a dynamic app designed for users to publish and discover adventures happening within the next 24 hours Whether it’s a last-minute date or an impromptu meetup, Titi connects people looking for spontaneous experiences in real-time This project showcases my ability to create engaging, time-sensitive applications with a focus on user interaction and real-time updates, emphasizing creativity and technical execution": "Titi is a dynamic app designed for users to publish and discover adventures happening within the next 24 hours. Whether it’s a last-minute date or an impromptu meetup, Titi connects people looking for spontaneous experiences in real-time. This project showcases my ability to create engaging, time-sensitive applications with a focus on user interaction and real-time updates, emphasizing creativity and technical execution",
+      "Titi app": ""
     }
   },
   "techCommunity": {

messages/es.json

@@ -118,22 +118,23 @@
     },
     "nameGenius": {
       "NameGenius website": "Sitio web de NameGenius",
-      "NameGenius is a free web application designed to solve the challenge of finding creative and unique names for businesses, projects, or teams By leveraging artificial intelligence, it generates tailored name suggestions, streamlining a process that can be time-consuming and difficult The application offers an intuitive user experience with features like dark and light modes, making it accessible for a wide range of users NameGenius simplifies the naming process by utilizing cutting-edge technology to inspire creativity and save time": "NameGenius es una aplicación web gratuita diseñada para resolver el desafío de encontrar nombres creativos y únicos para empresas, proyectos o equipos. Al aprovechar la inteligencia artificial, genera sugerencias de nombres personalizados, simplificando un proceso que puede ser lento y difícil. La aplicación ofrece una experiencia de usuario intuitiva con funciones como modos oscuro y claro, lo que la hace accesible para una amplia gama de usuarios. NameGenius simplifica el proceso de nombrar utilizando tecnología de vanguardia para inspirar la creatividad y ahorrar tiempo",
-      "Go to website": "Ir al sitio web"
+      "NameGenius is a free web application designed to solve the challenge of finding creative and unique names for businesses, projects, or teams By leveraging artificial intelligence, it generates tailored name suggestions, streamlining a process that can be time-consuming and difficult The application offers an intuitive user experience with features like dark and light modes, making it accessible for a wide range of users NameGenius simplifies the naming process by utilizing cutting-edge technology to inspire creativity and save time": "NameGenius es una aplicación web gratuita diseñada para resolver el desafío de encontrar nombres creativos y únicos para empresas, proyectos o equipos. Al aprovechar la inteligencia artificial, genera sugerencias de nombres personalizados, simplificando un proceso que puede ser lento y difícil. La aplicación ofrece una experiencia de usuario intuitiva con funciones como modos oscuro y claro, lo que la hace accesible para una amplia gama de usuarios. NameGenius simplifica el proceso de nombrar utilizando tecnología de vanguardia para inspirar la creatividad y ahorrar tiempo"
     },
     "nightlyTunes": {
       "Nightly tunes website": "Sitio web de Nightly Tunes",
-      "Nightly Tunes is a music library designed to make discovering and enjoying music easier By offering a platform where users can listen to their favorite songs and explore new ones, it addresses the challenge of finding fresh music With support for multiple languages and light or dark modes, it provides a personalized and user-friendly experience, simplifying the process of music discovery and playback": "Nightly Tunes es una biblioteca de música diseñada para facilitar el descubrimiento y disfrute de la música. Al ofrecer una plataforma donde los usuarios pueden escuchar sus canciones favoritas y explorar nuevas, aborda el desafío de encontrar música fresca. Con soporte para varios idiomas y modos claro u oscuro, proporciona una experiencia personalizada y fácil de usar, simplificando el proceso de descubrimiento y reproducción de música",
-      "Go to website": "Ir al sitio web"
+      "Nightly Tunes is a music library designed to make discovering and enjoying music easier By offering a platform where users can listen to their favorite songs and explore new ones, it addresses the challenge of finding fresh music With support for multiple languages and light or dark modes, it provides a personalized and user-friendly experience, simplifying the process of music discovery and playback": "Nightly Tunes es una biblioteca de música diseñada para facilitar el descubrimiento y disfrute de la música. Al ofrecer una plataforma donde los usuarios pueden escuchar sus canciones favoritas y explorar nuevas, aborda el desafío de encontrar música fresca. Con soporte para varios idiomas y modos claro u oscuro, proporciona una experiencia personalizada y fácil de usar, simplificando el proceso de descubrimiento y reproducción de música"
     },
     "miProjectManager": {
       "System for managing ESPOL thesis projects": "Sistema para gestionar proyectos de tesis de ESPOL",
-      "This project was designed to streamline the process of handling thesis proposals and evaluations It addresses the challenge of coordinating between students, professors, and course coordinators by allowing clients to submit proposals, professors to manage and evaluate them, and coordinators to distribute projects efficiently This project enhances visibility and organization through a dashboard, simplifying the tracking and management of thesis progress It was developed in collaboration with key stakeholders, demonstrating a comprehensive application of computer science engineering skills to solve real-world administrative problems": "Este proyecto fue diseñado para simplificar el proceso de manejo de propuestas y evaluaciones de tesis. Aborda el desafío de coordinar entre estudiantes, profesores y coordinadores de cursos al permitir que los clientes envíen propuestas, que los profesores las administren y evalúen, y que los coordinadores distribuyan los proyectos de manera eficiente. Este proyecto mejora la visibilidad y la organización a través de un panel de control, simplificando el seguimiento y la gestión del progreso de la tesis. Fue desarrollado en colaboración con las partes interesadas clave, demostrando una aplicación integral de habilidades de ingeniería en ciencias de la computación para resolver problemas administrativos del mundo real",
-      "Go to website": "Ir al sitio web"
+      "This project was designed to streamline the process of handling thesis proposals and evaluations It addresses the challenge of coordinating between students, professors, and course coordinators by allowing clients to submit proposals, professors to manage and evaluate them, and coordinators to distribute projects efficiently This project enhances visibility and organization through a dashboard, simplifying the tracking and management of thesis progress It was developed in collaboration with key stakeholders, demonstrating a comprehensive application of computer science engineering skills to solve real-world administrative problems": "Este proyecto fue diseñado para simplificar el proceso de manejo de propuestas y evaluaciones de tesis. Aborda el desafío de coordinar entre estudiantes, profesores y coordinadores de cursos al permitir que los clientes envíen propuestas, que los profesores las administren y evalúen, y que los coordinadores distribuyan los proyectos de manera eficiente. Este proyecto mejora la visibilidad y la organización a través de un panel de control, simplificando el seguimiento y la gestión del progreso de la tesis. Fue desarrollado en colaboración con las partes interesadas clave, demostrando una aplicación integral de habilidades de ingeniería en ciencias de la computación para resolver problemas administrativos del mundo real"
     },
     "rushMessage": {
       "Rush Message is a real-time chat application built with Firebase Firestore, showcasing seamless instant messaging and message syncing across devices Leveraging Firestore’s real-time listeners and cloud integration, the app delivers a smooth, scalable, and responsive user experience This project highlights my expertise in developing real-time applications and utilizing cloud-based technologies to create efficient, modern solutions": "Rush Message es una aplicación de chat en tiempo real creada con Firebase Firestore, que muestra mensajería instantánea y sincronización de mensajes sin interrupciones entre dispositivos. Aprovechando los oyentes en tiempo real y la integración en la nube de Firestore, la aplicación ofrece una experiencia de usuario fluida, escalable y receptiva. Este proyecto destaca mi experiencia en el desarrollo de aplicaciones en tiempo real y la utilización de tecnologías basadas en la nube para crear soluciones eficientes y modernas.",
       "Rush Message app": "Aplicación Rush Message"
+    },
+    "titi": {
+      "Titi is a dynamic app designed for users to publish and discover adventures happening within the next 24 hours Whether it’s a last-minute date or an impromptu meetup, Titi connects people looking for spontaneous experiences in real-time This project showcases my ability to create engaging, time-sensitive applications with a focus on user interaction and real-time updates, emphasizing creativity and technical execution": "Titi es una aplicación dinámica diseñada para que los usuarios publiquen y descubran aventuras que sucedan en las próximas 24 horas. Ya sea una cita de última hora o una reunión improvisada, Titi conecta a las personas que buscan experiencias espontáneas en tiempo real. Este proyecto muestra mi capacidad para crear aplicaciones atractivas y sensibles al tiempo con un enfoque en la interacción del usuario y las actualizaciones en tiempo real, enfatizando la creatividad y la ejecución técnica",
+      "Titi app": "Aplicación Titi"
     }
   },
   "techCommunity": {

src/app/[locale]/Sections/TechStack/Sections/FrontEnd.tsx

@@ -19,6 +19,7 @@ import { Jest } from "@/app/[locale]/shared/Icons/Jest";
 import { CSS3 } from "@/app/[locale]/shared/Icons/CSS3";
 import { Sass } from "@/app/[locale]/shared/Icons/Sass";
 import { NPM } from "@/app/[locale]/shared/Icons/NPM";
+import { SWR } from "@/app/[locale]/shared/Icons/SWR";
 
 const FrontEnd = () => {
   const technologies = [
@@ -30,6 +31,7 @@ const FrontEnd = () => {
     { name: "Vitest", Icon: Vitest },
     { name: "Jest", Icon: Jest },
     { name: "React testing library", Icon: ReactIcon },
+    { name: "SWR", Icon: SWR },
     {
       name: "SSR",
       Icon: () => <FontAwesomeIcon icon={faLaptopCode} className="w-[24px] h-[24px]" />,

src/app/[locale]/Sections/TechStack/Sections/Mobile.tsx

@@ -2,6 +2,7 @@ import { useTranslations } from "next-intl";
 
 import { React as ReactIcon } from "@/app/[locale]/shared/Icons/React";
 import { Technologies } from "@/app/[locale]/shared/Technologies";
+import { Expo } from "@/app/[locale]/shared/Icons/Expo";
 
 const Mobile = () => {
   const t = useTranslations("home.techStack");
@@ -11,6 +12,10 @@ const Mobile = () => {
       name: "React Native",
       Icon: ReactIcon,
     },
+    {
+      name: "Expo",
+      Icon: Expo,
+    },
   ];
 
   return <Technologies title={t("Mobile")} technologies={technologies} />;

src/app/[locale]/projects/Cards/Card.tsx

@@ -46,7 +46,7 @@ const Card = ({
           target="_blank"
         >
           <Image
-            className="object-contain rounded-xl"
+            className="object-contain rounded-xl max-h-[300px] w-full"
             src={imgUrl}
             alt={imgAlt}
             height={300}