Este proyecto presenta una landing page responsiva desarrollada con Vite, optimizada para dispositivos móviles, tablets y pantallas de escritorio.
- Diseño Totalmente Responsivo: 📱💻 Adaptación dinámica para una experiencia óptima en diversos dispositivos.
- Diseño Fluid Grid: 🎨 Garantiza una adaptación elegante del contenido a diferentes tamaños de pantalla.
- Media Queries Optimizadas: 🖥️ Para tablets (768px), tablets horizontales (1024px), desktops (1200px) y desktops XL (1440px).
Sigue estos pasos para configurar y ejecutar el proyecto en tu entorno local:
-
Clona el repositorio: Abre tu terminal y ejecuta el siguiente comando para clonar el repositorio en tu máquina local:
git clone https://github.com/israelinxy/elearning-landing-page.git
-
Navega al directorio del proyecto: Cambia al directorio del proyecto clonado:
cd elearning-landing-page -
Instala las dependencias: Asegúrate de tener Node.js instalado y ejecuta el siguiente comando para instalar las dependencias necesarias:
npm install
-
Inicia el servidor de desarrollo: Ejecuta el siguiente comando para iniciar el servidor de desarrollo y ver la aplicación en acción:
npm run dev
-
Abre tu navegador: Una vez que el servidor esté en funcionamiento, abre tu navegador y visita
http://localhost:3000(o la dirección que se muestre en la terminal) para ver la landing page. -
Abre el proyecto en tu editor de código: Puedes abrir el directorio del proyecto en tu editor de código preferido. Por ejemplo, si usas Visual Studio Code, ejecuta:
code .Esto abrirá el proyecto en VS Code, permitiéndote ver y editar los archivos.
Con estos pasos, deberías poder comenzar a trabajar con el proyecto sin problemas. ¡Disfruta desarrollando! 🚀💻
Las contribuciones son bienvenidas. Para problemas, ideas o nuevas características, por favor abre un issue o un pull request.
¿Necesitas un diseño web personalizado? Contáctame:
Este proyecto está bajo la licencia MIT.