¡Hola! Soy Ian Pallero Hello! I'm Ian Pallero

TrailerBox es un proyecto desarrollado con React + Vite y estilizado con Tailwind CSS.

Incluye funcionalidades como búsqueda de películas por título, filtrado por categorías y géneros, y visualización de trailers mediante la API de TMDB 🎥.

El diseño es totalmente adaptable a dispositivos móviles 📱, con una interfaz clara y moderna enfocada en la experiencia de usuario.

Durante el desarrollo profundicé en el uso de hooks como useState y useEffect, integración de APIs externas y creación de componentes reutilizables en React.

TrailerBox is a project built with React + Vite and styled with Tailwind CSS.

It includes features such as movie search by title, filtering by categories and genres, and trailer playback using the TMDB API 🎥.

The design is fully responsive 📱, with a clean and modern interface focused on user experience.

While building it, I deepened my knowledge of hooks like useState and useEffect, external API integration, and the creation of reusable React components.

Este fue mi primer proyecto con React y Vite, desarrollado como parte de mi formación autodidacta.

Incluye funcionalidades como subida de imágenes desde la PC, búsqueda por título, filtros por categoría (Naturaleza, Mascotas, Ciudades), cambio de vista de galería (1x1, 2x2, 3x3, 4x4), modo Día/Noche con fondo animado y modal ampliado con navegación por teclado y descarga.

Me ayudó mucho a comprender el uso de componentes, props, estados y hooks como useState y useEffect. Es totalmente responsive y pensado para usarse en dispositivos móviles también.

This was my first project built with React and Vite, developed as part of my self-taught learning process.

Features include image upload from your device, title-based search, category filtering (Nature, Pets, Cities), gallery view switching (1x1, 2x2, 3x3, 4x4), day/night mode with animated background, and modal with keyboard navigation and download option.

This project helped me understand the use of components, props, state, and hooks like useState and useEffect. It's fully responsive and optimized for mobile use.

Proyecto desarrollado con **JavaScript puro, HTML5 y CSS3**, pensado para acercar la lectura a la comunidad de manera accesible, inclusiva y atractiva.

Incluye un **botón para personas con daltonismo**, un **botón de lectura automática**, una animación de **ranita saltando**, **burbujas flotantes**, y un formulario de contacto conectado con **Formspree**.

Su diseño **responsivo** se adapta a dispositivos móviles, incorpora efectos de transición suaves y una estética cálida que busca despertar la curiosidad por la lectura, ideal para **bibliotecas, escuelas y proyectos culturales**.

Project developed with **vanilla JavaScript, HTML5, and CSS3**, designed to bring reading closer to the community in an accessible, inclusive, and engaging way.

Features include a **color blindness accessibility button**, an **automatic reading button**, a **jumping frog animation**, **floating bubbles**, and a contact form powered by **Formspree**.

Its **responsive design** adapts to mobile devices, with smooth transitions and a warm aesthetic aimed at sparking curiosity for reading — ideal for **libraries, schools, and cultural projects**.

Este proyecto fue desarrollado con HTML, CSS y JavaScript puro como práctica personal para mejorar mi manejo de estructuras web responsivas y diseño orientado al usuario.

Cuenta con un carrusel de autos dinámico, un simulador de financiación funcional, secciones con testimonios, formularios de contacto integrados y animaciones suaves. También incluye un diseño adaptable pensado para dispositivos móviles y pantallas de escritorio.

El foco estuvo en crear una navegación clara, atractiva y estructurada como plantilla base para sitios comerciales de venta de vehículos.

This non-commercial project was built using HTML, CSS and vanilla JavaScript as a personal exercise to improve my responsive layout and user-focused design skills.

It features a dynamic car slider, a working financing simulator, testimonial sections, smooth animations and a fully functional contact form. The layout is responsive and optimized for both mobile and desktop views.

The main goal was to create a clear, visually engaging and well-structured template suitable for vehicle dealership websites.

Este proyecto fue creado con JavaScript puro, HTML5 y CSS3, utilizando la API de OpenWeatherMap para obtener los datos climáticos.

Implementa animaciones suaves, almacenamiento de historial en localStorage, y cambios automáticos de fondo según la condición meteorológica detectada (nublado, lluvia, sol, etc.).

El diseño es limpio, responsivo y enfocado en brindar una experiencia visual atractiva y funcional.

This project was built using vanilla JavaScript, HTML5, and CSS3, powered by the OpenWeatherMap API to fetch weather data.

It features smooth animations, search history stored in localStorage, and automatic background changes depending on the weather condition (clouds, rain, sun, etc.).

The design is clean, responsive, and focused on delivering a visually appealing and functional experience.

Este proyecto fue creado con JavaScript puro, HTML5 y CSS3.

Permite agregar, editar, eliminar y marcar tareas como completadas, con un contador de tareas pendientes y un historial interactivo que se guarda en localStorage para recuperarlas fácilmente.

Incluye un modo noche/día para una experiencia cómoda, un fondo con video dinámico para practicar manejo multimedia y un diseño responsivo adaptable a computadoras y dispositivos móviles.

This project was built using vanilla JavaScript, HTML5, and CSS3.

It allows adding, editing, deleting, and marking tasks as completed, with a pending tasks counter and an interactive history stored in localStorage for easy retrieval.

Includes a dark/light mode for comfortable use, a dynamic video background to practice multimedia handling, and a responsive design suitable for desktop and mobile devices.