|
|
||
|---|---|---|
| Screenshots | ||
| README.md | ||
| index.html | ||
README.md
🚀 MarkDawnMaker: Visor y Editor Markdown Futurista
Bienvenido a MarkDawnMaker, una aplicación web moderna y visualmente atractiva para editar, visualizar y gestionar archivos Markdown (.md). Este proyecto está diseñado para ofrecer una experiencia intuitiva, rápida y elegante, ideal para cualquier persona que trabaje con Markdown.
✨ Características principales
- Editor Markdown en tiempo real: Escribe tu contenido en Markdown y observa la vista previa instantáneamente.
- Vista previa instantánea: El panel de vista previa muestra el resultado renderizado de tu Markdown al momento.
- Carga de archivos
.md: Sube archivos Markdown desde tu dispositivo y edítalos directamente en el navegador. - Descarga de archivos: Guarda tu trabajo como archivo
.mdcon un solo clic. - Modo de visualización dual: Alterna entre modo dividido (editor + vista previa) y solo vista previa.
- Limpieza rápida: Borra todo el contenido del editor fácilmente.
- Diseño futurista y oscuro: Interfaz moderna con fondo animado de estrellas y efectos visuales atractivos.
- Soporte para dispositivos móviles: Diseño responsivo que se adapta a cualquier pantalla.
🖥️ ¿Cómo usarlo?
- Escribe Markdown: Utiliza el área de texto para escribir o pegar tu contenido Markdown.
- Carga un archivo: Haz clic en "📁 Cargar archivo .md" para importar un archivo Markdown desde tu dispositivo.
- Descarga tu trabajo: Haz clic en "💾 Descargar .md" para guardar el contenido actual como archivo Markdown.
- Limpia el editor: Usa el botón "🗑️ Limpiar" para borrar todo el contenido del editor.
- Cambia el modo de visualización:
- "✂️ Dividido": Muestra editor y vista previa lado a lado.
- "👁️ Vista previa": Muestra solo la vista previa renderizada.
🎨 Interfaz y experiencia visual
- Fondo animado: Un canvas con partículas de estrellas en movimiento para una experiencia inmersiva.
- Colores y sombras: Paleta de colores oscuros y neón, con gradientes y efectos de sombra.
- Paneles diferenciados: Editor y vista previa claramente separados para facilitar el trabajo.
📦 Tecnologías utilizadas
- HTML5, CSS3: Estructura y estilos modernos y responsivos.
- JavaScript: Lógica de la aplicación y manejo de eventos.
- marked.js: Librería para parsear y renderizar Markdown en el navegador.
📝 Ejemplo de uso
# Título principal
Puedes usar **negrita**, *cursiva*, y más.
- Listas
- [Enlaces](https://example.com)
- Código:
```javascript
console.log('¡Hola Mundo!');
Citas inspiradoras
## 🚦 Estado de las funciones
| Característica | Estado |
|---------------|--------|
| Editor | ✅ Activo |
| Preview | ✅ Activo |
| Descarga | ✅ Activo |
| Carga | ✅ Activo |
| Limpieza | ✅ Activo |
| Modo vista | ✅ Activo |
## ❓ Preguntas frecuentes
**¿Se guarda mi trabajo automáticamente?**
> No, debes descargar el archivo manualmente para guardarlo en tu dispositivo.
**¿Puedo cargar archivos grandes?**
> Sí, pero el rendimiento puede variar según el tamaño y tu navegador.
**¿Funciona en móviles?**
> Sí, la interfaz es responsiva y se adapta a pantallas pequeñas.
## 🛡️ Licencia
Este proyecto es de código abierto y puedes modificarlo o adaptarlo según tus necesidades.
---
¡Disfruta creando y visualizando Markdown con estilo futurista! ✨