Projects in Awesome Lists by JuanPDN
A curated list of projects in awesome lists by JuanPDN .
https://github.com/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.
cloudinary docker docker-compose mysql nestjs prisma sqlite supabase
Last synced: 25 Feb 2025
https://github.com/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.
drag-and-drop full-stack image-uploader nextjs tailwindcss typescript
Last synced: 25 Feb 2025
https://github.com/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.
astro daisyui portfolio tailwind typescript
Last synced: 25 Feb 2025
https://github.com/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.
css html-css-javascript html5 javascript music-player tailwind
Last synced: 25 Feb 2025
https://github.com/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.
css3 home-page html5 javascript tailwind
Last synced: 25 Feb 2025
https://github.com/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.
code-sharing css3 docker docker-compose monaco-editor mongodb moongose typescript vue-router vue3 vuejs
Last synced: 25 Feb 2025
https://github.com/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.
css3 html5 javascript multi-step-form
Last synced: 25 Feb 2025
https://github.com/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.
angular country-quiz css3 game html5 typescript
Last synced: 25 Feb 2025
https://github.com/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
blog css3 simple-coffee-listing svelte typescript vite
Last synced: 25 Feb 2025
https://github.com/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.
api-rest css css3 html5 javascript random-quote
Last synced: 25 Feb 2025
https://github.com/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.
contact-page css html5 javascript tailwind
Last synced: 25 Feb 2025
https://github.com/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
app github movile rate react-native
Last synced: 25 Feb 2025
https://github.com/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.
css-flexbox css3 html5 javascript tailwind
Last synced: 25 Feb 2025
https://github.com/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.
css3 game guess-the-word html5 javascript tailwindcss
Last synced: 25 Feb 2025
https://github.com/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.
api-rest reactjs tailwind translate-app typescript vite
Last synced: 25 Feb 2025
https://github.com/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.
backend docker docker-compose dockerfile expressjs nodemon ts-node typescript
Last synced: 25 Feb 2025
https://github.com/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.
api-rest css github-profile nextjs postcss tailwind typescript
Last synced: 23 Apr 2025
https://github.com/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
Last synced: 03 Apr 2025