Bienvenido/a! Aquí encontrarás mis proyectos en línea con una breve descripción.

Coral Garcia Martin | Linktree

PROYECTOS PERSONALES

 Front & Back web app

Ver proyecto en línea

Aplicación web interactiva desarrollada con jQuery, CSS y OpenWeather API, que permite consultar el clima actual en cualquier ciudad o mediante geolocalización.

Características principales:
✅ Búsqueda de clima por nombre de ciudad.
✅ Consulta del clima actual con datos como temperatura, sensación térmica y estado del cielo.
✅ Opción para obtener el clima según la ubicación del usuario.
✅ Interfaz responsive con diseño atractivo.
✅ Uso de AJAX para realizar peticiones dinámicas a la API sin recargar la página.
🚧 Próximamente: Implementación del pronóstico de los próximos 6 días.

Tecnologías utilizadas:
🛠️ jQuery, CSS3, AJAX, OpenWeather API

Este proyecto me permitió mejorar mis habilidades en consumo de APIs REST con AJAX, manipulación del DOM con jQuery y diseño responsive con CSS puro. Además, reforcé mis conocimientos en la gestión de llamadas limitadas a una API y optimización de peticiones.

Clima web app

🗓️ Febrero 2025

"Discoteca" es una aplicación web interactiva donde los usuarios pueden explorar grupos, álbumes y canciones disponibles en una base de datos, previa autenticación. El proyecto fue desarrollado completamente desde cero, incluyendo frontend, backend y base de datos, con un diseño responsive y seguro.

Tecnologías utilizadas:

Frontend: HTML5, CSS3, Bootstrap (Responsive Design)
Backend: PHP (programación a medida)
Base de Datos: MySQL / SQL
Seguridad: Sistema de login con verificación de credenciales y restricción de acceso a datos privados.

Funcionalidades principales:

Sistema de autenticación: Registro y login de usuarios con validación de credenciales.

Gestión y visualización de:

Grupos musicales.
Álbumes asociados a cada grupo.
Canciones de cada álbum.
Interfaz adaptativa (responsive) para navegación desde dispositivos móviles y escritorio.
Conexión directa y dinámica a la Base de Datos SQL

Credenciales login:
Usuario: pepe@gmail.com
Contraseña: 1234qwerty


Music  web app | Login

Aplicación web interactiva desarrollada con HTML, CSS, JavaScript y jQuery, que consume la API oficial de Rick and Morty para mostrar personajes y episodios de la serie de forma dinámica.

Características principales:

Búsqueda de personajes por nombre.
Filtros avanzados por género y estado (vivo, muerto, desconocido).
Visualización de personajes con información detallada: nombre, género, especie, estado y fecha de creación.
Episodios listados con datos relevantes y botón para ver los personajes que aparecen en cada uno.
Scroll infinito para carga automática de más personajes o episodios al llegar al final de la página.
Diseño responsive y atractivo con CSS puro (sin frameworks externos).
Uso de AJAX y jQuery para realizar peticiones dinámicas a la API y renderizar contenido en tiempo real sin recargar la página.

Tecnologías utilizadas:

HTML5, CSS3, JavaScript (jQuery)
AJAX para consumo de APIs
Integración de API pública REST (Rick and Morty API)

Rick and Morty web app

Maquetación web

Ver diseño

Diseño de una tienda online de moda urbana, desarrollado con HTML y CSS. Se trata de una maquetación estática, enfocada en la estructura visual y el diseño responsivo.

Características principales:
✅ Diseño moderno y atractivo inspirado en e-commerce de moda.
✅ Layout responsive para adaptarse a distintos dispositivos.
✅ Menú de navegación con categorías y accesos rápidos.
✅ Sección destacada con imágenes promocionales.
✅ Iconos representativos de carrito, usuario, búsqueda y modo oscuro.
✅ Logo creado en Canva, alineado con la identidad visual de la tienda.

Tecnologías utilizadas:
🛠️ HTML5, CSS3, Canva (para el diseño del logo)

Este proyecto me permitió mejorar mis habilidades en diseño web responsivo, uso de flexbox y grid, y maquetación enfocada en experiencia de usuario (UX/UI). También reforcé la organización del código CSS para facilitar futuras implementaciones funcionales, además de explorar herramientas de diseño como Canva para la creación de identidad visual.

Urban Style - Maquetación Web | CSS

Diseño de una página web para la promoción de actividades de voluntariado, desarrollada con HTML, CSS y Bootstrap. Se trata de una maquetación estática enfocada en destacar las oportunidades de participación y facilitar la interacción con los interesados.

Características principales:
✅ Diseño limpio y estructurado aprovechando el sistema de grid de Bootstrap para un layout responsivo.
✅ Sección de actividades destacadas, organizada en tarjetas para mayor claridad y atractivo visual
✅ Formulario de inscripción con campos diseñados con componentes de Bootstrap, como inputs y selects, para facilitar la experiencia del usuario.
✅ Integración de enlaces a redes sociales (Instagram y Facebook) para ampliar el alcance y la difusión de las actividades.
✅ Estilos personalizables aprovechando las utilidades de Bootstrap para colores, espaciados y tipografías.

Tecnologías utilizadas:
🛠️ HTML5, CSS3, Bootstrap 4/5 para el diseño responsivo y componentes.

Manos Unidas - Maquetacion web | Bootstrap

Ver diseño (Figma)

Diseño de landing page promocional, desarrollado en Figma. Se trata de una maquetación estática enfocada en destacar las funcionalidades del producto y captar la atención del usuario.

Características principales:
Diseño visual atractivo, con enfoque en destacar el producto y su utilidad.
Sección principal con llamada a la acción clara y texto persuasivo.
Presentación de características del smartwatch con tarjetas de información bien estructuradas.
Menú de navegación intuitivo con enlaces a Inicio, Características y Contacto.
Botón destacado de “Comprar Ahora” para incentivar la conversión.
Footer con enlaces a redes sociales y términos de uso.
Identidad visual coherente y logo creado para el proyecto.

Herramientas y tecnologías:
Figma para la creación y prototipado del diseño.
Diseño UX/UI centrado en la experiencia del usuario y la comunicación visual del producto.

Este proyecto me permitió mejorar mis habilidades en diseño de interfaces, organización de contenido visual y creación

Smartwatch Pro - Maquetación web | Figma