JuanPDN

app_shop

App shop: The Product Management App is a user-friendly tool tailored for businesses to efficiently oversee their product inventory. With a focus on simplicity and effectiveness, this app simplifies the process of adding, editing, and organizing products. It enables users to maintain accurate product information.

backend-image-upload

Backend image upload: This API, built with NestJS, allows for the management of image files, which are uploaded to a database and can be retrieved via a unique ID. Files have a maximum size limit of 2 MB per entry. The API provides secure and efficient endpoints for storing and accessing images.

cinemapedia

Cinemapedia: The Upcoming Movies App keeps users informed about the latest releases and upcoming films in theaters. With a user-friendly interface, it provides details such as release dates, trailers, cast information, and reviews. Users can explore upcoming movies, bookmark favorites, and receive notifications for premiere dates.

code-sharing-app

Code Sharing App - NoteCode: Aplicación para compartir fragmentos de código que permita a los usuarios almacenar y compartir código con un ID generado. Incluye la opción de elegir lenguaje y tema, y desactiva el botón de compartir hasta que se realicen ediciones. Diseño responsivo para todos los dispositivos.

country-page

Country Page - WorldRanks: Página de clasificación de países que muestra datos como población, área y nombre en una tabla. Permite ordenar, filtrar por regiones y estatus (miembros de la ONU, independientes), y buscar por nombre. Ofrece detalles de cada país y sus vecinos en páginas individuales. Diseño responsivo y opción de paginación.

Country-Quiz

Country Quiz: Aplicación de cuestionario sobre países usando una API para generar 10 preguntas con 4 opciones cada una. Muestra la respuesta correcta inmediatamente, permite navegar entre preguntas, y presenta una página de resultados y felicitaciones al completar el cuestionario. Diseño interactivo y funcional.

GitHub-profile

GitHub Profile: Aplicación de búsqueda de perfiles de GitHub usando HTML, CSS y JavaScript. Permite buscar por nombre de usuario, ver seguidores, seguidos, ubicación y repositorios, y acceder a detalles de cada repositorio. Diseño responsivo y funcional.

Guess-the-word

Guess The Word Game: Juego en el que los usuarios adivinan una palabra desordenada. Utilizando HTML, CSS y JavaScript. Incluye la entrada de letras, seguimiento de errores, y botones para regenerar palabras y reiniciar el juego. Diseño responsivo para varios tamaños de pantalla.

simple-image-uploader

Simple Image Uploader: A full-stack image upload application that allows users to upload images in a simple and intuitive way, Upload images in JPG, PNG, or GIF format with a maximum size of 2MB, Drag and drop file upload functionality, Share button to copy image address, Download button to save image, Browse and select files for upload.

Translate-App

Translate App: Aplicación de traducción utilizando un API, con soporte para traducir textos de hasta 500 caracteres. Incluye opciones para traducir entre varios idiomas, ver actualizaciones en tiempo real, escuchar los textos traducidos y copiar el texto. Diseño interactivo y funcional.

JuanPDN/backend-image-upload

Backend image upload: This API, built with NestJS, allows for the management of image files, which are uploaded to a database and can be retrieved via a unique ID. Files have a maximum size limit of 2 MB per entry. The API provides secure and efficient endpoints for storing and accessing images.

JuanPDN/cinemapedia

Cinemapedia: The Upcoming Movies App keeps users informed about the latest releases and upcoming films in theaters. With a user-friendly interface, it provides details such as release dates, trailers, cast information, and reviews. Users can explore upcoming movies, bookmark favorites, and receive notifications for premiere dates.

JuanPDN/simple-image-uploader

Simple Image Uploader: A full-stack image upload application that allows users to upload images in a simple and intuitive way, Upload images in JPG, PNG, or GIF format with a maximum size of 2MB, Drag and drop file upload functionality, Share button to copy image address, Download button to save image, Browse and select files for upload.

JuanPDN/app_shop

App shop: The Product Management App is a user-friendly tool tailored for businesses to efficiently oversee their product inventory. With a focus on simplicity and effectiveness, this app simplifies the process of adding, editing, and organizing products. It enables users to maintain accurate product information.

JuanPDN/backend-sharing-code-app

Backend Sharing Code App: Implementa una funcionalidad de compartir código que guarda y recupera fragmentos de código en MongoDB. Al hacer clic en "Compartir", se genera un ID único y se redirige a nodecode.io/:unique-id. El backend gestiona el almacenamiento y la recuperación de datos según el ID proporcionado.

JuanPDN/code-sharing-app

Code Sharing App - NoteCode: Aplicación para compartir fragmentos de código que permita a los usuarios almacenar y compartir código con un ID generado. Incluye la opción de elegir lenguaje y tema, y desactiva el botón de compartir hasta que se realicen ediciones. Diseño responsivo para todos los dispositivos.

JuanPDN/country-page

Country Page - WorldRanks: Página de clasificación de países que muestra datos como población, área y nombre en una tabla. Permite ordenar, filtrar por regiones y estatus (miembros de la ONU, independientes), y buscar por nombre. Ofrece detalles de cada país y sus vecinos en páginas individuales. Diseño responsivo y opción de paginación.

JuanPDN/Country-Quiz

Country Quiz: Aplicación de cuestionario sobre países usando una API para generar 10 preguntas con 4 opciones cada una. Muestra la respuesta correcta inmediatamente, permite navegar entre preguntas, y presenta una página de resultados y felicitaciones al completar el cuestionario. Diseño interactivo y funcional.

JuanPDN/GitHub-profile

GitHub Profile: Aplicación de búsqueda de perfiles de GitHub usando HTML, CSS y JavaScript. Permite buscar por nombre de usuario, ver seguidores, seguidos, ubicación y repositorios, y acceder a detalles de cada repositorio. Diseño responsivo y funcional.

JuanPDN/Guess-the-word

Guess The Word Game: Juego en el que los usuarios adivinan una palabra desordenada. Utilizando HTML, CSS y JavaScript. Incluye la entrada de letras, seguimiento de errores, y botones para regenerar palabras y reiniciar el juego. Diseño responsivo para varios tamaños de pantalla.

JuanPDN/Translate-App

Translate App: Aplicación de traducción utilizando un API, con soporte para traducir textos de hasta 500 caracteres. Incluye opciones para traducir entre varios idiomas, ver actualizaciones en tiempo real, escuchar los textos traducidos y copiar el texto. Diseño interactivo y funcional.

JuanPDN/Business-Blog-Card

Business Blog Card: Desafío para crear una tarjeta de blog de negocios utilizando HTML y CSS, aplicando flexbox y técnicas de posicionamiento. Ideal para afianzar habilidades en diseño web y maquetación.

JuanPDN/card

Minimal Blog Card: Implementación de un componente de tarjeta de blog utilizando HTML y CSS, con imagen, título, descripción y etiqueta. Perfecto para practicar habilidades básicas en diseño web.

JuanPDN/challenge-ts-js

Este repositorio contiene una serie de ejercicios diseñados para mejorar tus habilidades en JavaScript y TypeScript. Cada ejercicio incluye desafíos prácticos que te permitirán aplicar conceptos clave y fortalecer tu comprensión de ambos lenguajes.

JuanPDN/contact-page

Contact Page: Desarrollo de una página de contacto que utiliza HTML y CSS para crear un formulario funcional y diseño responsivo. Incluye íconos, campos de entrada con placeholders, un dropdown con opciones, y un botón, todo adaptado para diferentes tamaños de pantalla.

JuanPDN/course_dotnet

curso basico acerca de dotnet y C# para aprender desde los conceptos básicos hasta los mas avanzados de la herramienta .Net

JuanPDN/Front-test

Front Test: Ejemplo de una página creada con HTML5 y CSS como prueba.

JuanPDN/home-page

Simple Homepage: Creación de una página de inicio utilizando HTML, CSS y JavaScript. Incluye un logo, encabezado, descripción, enlaces y botones, con funcionalidades para alternar entre modo claro y oscuro y navegación lateral en móviles. Diseño responsivo para diferentes tamaños de pantalla.

JuanPDN/juanpdn

JuanPDN/Multi-step-Register-Form

Multi-step Register Form: Desarrollo de un formulario de registro de 3 pasos utilizando HTML, CSS y JavaScript. Incluye validaciones de entrada, interactividad para navegar entre pasos, y un mensaje de éxito al confirmar. El diseño es responsivo para adaptarse a diferentes tamaños de pantalla.

JuanPDN/Music-Player

Music Player: Reproductor de música con HTML, CSS y JavaScript. Permite reproducir, detener, avanzar y retroceder canciones, y ajustar la reproducción con una barra de progreso. Diseño responsivo.

JuanPDN/PI-Food-main

JuanPDN/Portfolio

Portfolio: Un portafolio moderno creado con Astro, destacando proyectos, habilidades y logros. Utiliza una arquitectura de sitios estáticos para un rendimiento óptimo y diseño responsivo.

JuanPDN/QR-code-generator

QR Code Generator: Genera códigos QR con HTML, CSS y JavaScript. Permite ingresar una URL, generar un código QR, descargar la imagen y copiar el código al portapapeles. Diseño responsivo para diferentes tamaños de pantalla.

JuanPDN/Random-Quote

Random Quote: Aplicación para generar citas aleatorias utilizando HTML, CSS y JavaScript. Incluye la visualización de citas aleatorias, un botón para generar nuevas citas, y la opción de copiar citas al portapapeles. Diseño responsivo para distintos tamaños de pantalla.

JuanPDN/rate-repository-app

Rate repository app: aplicación para calificar repositorios de GitHub, con características como ordenar y filtrar los repositorios revisados, registrar un usuario, iniciar sesión y crear una revisión para un repositorio

JuanPDN/Simple-Coffee-Listing

Simple Coffee Listing: Página de listado de café utilizando Svelte. Incluye un componente de tarjeta reutilizable con imagen, nombre, precio, calificación y número de votos. Muestra etiquetas y estados de disponibilidad condicionalmente y permite listar todos los productos o solo los disponibles. Utiliza datos de una API o archivo JS

JuanPDN/testimonial-page

Testimonial Page: Creación de una página de testimonios utilizando HTML y CSS avanzados, incluyendo grid, consultas de medios e íconos. El proyecto incluye dos tarjetas de testimonios y un diseño responsivo para diferentes tamaños de pantalla.

JuanPDN/TokTik

TokTik: The TikTokClone application is a visually stunning social media platform designed to replicate the engaging and entertaining user experience of the popular TikTok app.

JuanPDN/yes_no_app

Yes no app: The AutoResponse Chat App streamlines communication by automatically generating predefined messages for yes and no responses. Users can customize messages and set up triggers easily. Available on web, mobile, and desktop platforms, it ensures prompt and efficient replies across various channels.