Este proyecto es un blog desarrollado en React usando Vite como bundler y con entradas escritas en archivos Markdown (.md). Es un enfoque estático, ideal para comenzar con un sistema de blog simple, rápido y escalable.
Nombre de dominio propuesta: juancatech.dev
- React – Biblioteca de interfaz de usuario.
- Vite – Bundler ultrarrápido para desarrollo.
- Tailwind CSS – Estilos utilitarios modernos.
- React Router DOM – Enrutamiento SPA.
- React Markdown – Renderizado de archivos
.md. - Remark GFM – Extensión para soporte de Markdown de GitHub.
- Gray Matter – Lectura de metadatos (frontmatter) desde archivos Markdown.
- date-fns – Formateo de fechas.
- ✔ Blog sin backend
- ✔ Posts escritos en
.md - ✔ Listado y visualización básica
- 🔜 Funcionalidades futuras: comentarios, modo oscuro, autenticación, panel de autor, búsqueda...
MIT
-
Frontend: React, Vite, Axios, React Router, Formik, Tailwind CSS.
-
Backend: Node.js, Express, PostgreSQL, Sequelize, JWT (si se necesita autenticación).
-
Herramientas adicionales: CORS, dotenv, Bcryptjs, Nodemon.
| Rol | Color Hex |
|---|---|
| Fondo principal | #F9FAFB |
| Texto primario | #1E1E2F |
| Texto secundario | #4B5563 |
| Azul oscuro (base) | #1E3A8A |
| Azul claro (hover) | #3B82F6 |
| Gris claro (UI) | #E5E7EB |
| Acento verde (opcional) | #10B981 |
| Rol | Color Hex |
|---|---|
| Fondo principal | #0F172A |
| Texto primario | #F1F5F9 |
| Texto secundario | #94A3B8 |
| Azul oscuro (base) | #1E3A8A |
| Azul brillante (hover) | #60A5FA |
| Gris oscuro (UI) | #1E293B |
| Acento cyan (opcional) | #22D3EE |