🎶 Login Page Responsive

Esta Login Page, inspirada en el "Login Page" de Frontend Projects, ha sido creada por Cristina Correa.

👀 Vista Previa

➡️ Demo desplegada en GitHub Pages: Haz click aquí

Vista previa del Login Page

💻📱 Responsive

Vista desde un ordenador

Vista desde un teléfono

• Pixel 7
  

• iPhone SE
  

Vista desde una tablet

• Nest Hub Max
  
  

• iPad Pro
  
  

🌱 Características

Este proyecto presenta una página de inicio de sesión responsive, facilitando el acceso mediante correo electrónico y contraseña. Incluye:

• Validación de Campos: El sistema valida correo electrónico y contraseña, exigiendo al menos un número, una mayúscula, un símbolo, y una longitud entre 6 y 12 caracteres.
• "Recordarme": Funcionalidad que guarda el nombre de usuario para accesos futuros.
• Visualización de Contraseña: Opción para ver u ocultar la contraseña según la preferencia del usuario.

Haz click aquí para ver el vídeo con algunas funcionalidades

🛠️ Tecnologías Utilizadas

• HTML
• CSS
• JavaScript

🔎💡 Información

Important

• Este es un proyecto para principiantes. No se requieren conocimientos avanzados de HTML, CSS o JavaScript.
• Está desarrollado utilizando JavaScript Vanilla, así que no se utiliza ningún framework. Sin embargo, si estás buscando un poco más de desafío, ¡siéntete libre de explorar la posibilidad de integrar un framework!
• Nivel de dificultad del proyecto: 🔴⭕⭕⭕⭕⭕⭕⭕⭕⭕ (1 sobre 10)

Tip

A la hora de desarrollar el proyecto, te pueden venir bien los siguientes recursos:

• "Login Page" by Frontend Projects
• CSS:
  • Manz.Dev Lenguaje CSS
• JavaScript:
  • Manz.Dev Lenguaje Javascript
  • JavaScript MDN Documentation
  • W3Schools - Toggle Password Visibility
• Google Fonts:
  • How to use Google Fonts
  • FAQs about Google Fonts
• Font Awesome:
  • Font Awesome Get Started
  • Font Awesome Documentation

📓 Cómo Usar

1. Descarga o clona este repositorio en tu máquina local.
2. Abre el archivo index.html en tu navegador web.

¡Y eso es todo! Ahora cualquier persona puede usar este login page.

✨ Contribuciones

¡Las contribuciones son bienvenidas! Si deseas mejorar el login page, como agregar más contenido o mejorar el diseño, no dudes en enviar tus pull requests. También puedes sugerir nuevas funcionalidades o brindar retroalimentación para hacer que este proyecto sea aún mejor.

🎯 Propósito del Proyecto

Este proyecto tiene como objetivo principal el aprendizaje y la práctica del desarrollo web.

➡️ Licencia

Este proyecto está licenciado bajo MIT License.