Visor y Editor Markdown Futurista, obra original de MrPokeYT
Go to file
MrPokeYT 1d53de0b16 Subir archivos a "Screenshots" 2026-02-01 14:56:39 +00:00
Screenshots Subir archivos a "Screenshots" 2026-02-01 14:56:39 +00:00
README.md Upload Files 2026-02-01 14:53:47 +00:00
index.html Upload Files 2026-02-01 14:53:47 +00:00

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 .md con 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?

  1. Escribe Markdown: Utiliza el área de texto para escribir o pegar tu contenido Markdown.
  2. Carga un archivo: Haz clic en "📁 Cargar archivo .md" para importar un archivo Markdown desde tu dispositivo.
  3. Descarga tu trabajo: Haz clic en "💾 Descargar .md" para guardar el contenido actual como archivo Markdown.
  4. Limpia el editor: Usa el botón "🗑️ Limpiar" para borrar todo el contenido del editor.
  5. 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! ✨