📝 MERN Stack Note Taking App

Aplicación full-stack para crear y gestionar notas personales, construida con MongoDB, Express, React y Node.js

🌐 Demo en Vivo

Ver Aplicación →

⚠️ Nota: La aplicación está hosteada en Render (plan gratuito). Si no se ha usado recientemente, puede tardar 30-60 segundos en iniciar la primera vez que accedas.

📖 Descripción

Aplicación web full-stack que permite a los usuarios crear, editar y eliminar notas con título y descripción. Construida como proyecto de aprendizaje del stack MERN, implementa conceptos modernos de desarrollo web como rate limiting, responsive design y arquitectura RESTful.

✨ Características Principales

• 📝 CRUD Completo - Gestión completa de notas (crear, leer, actualizar, eliminar)
• 🎨 Theme Switcher - Cambio entre modo oscuro y claro
• 🛡️ Rate Limiting - Protección contra abuso con Upstash Redis
• 📱 Diseño Responsivo - Interfaz adaptable a todos los dispositivos
• ⚡ API REST - Backend con endpoints organizados y status codes correctos
• 🔥 Tecnologías Modernas - React 19, Vite, Tailwind CSS 4

🛠️ Stack Tecnológico

Backend

• Node.js & Express - Servidor y API REST
• MongoDB & Mongoose - Base de datos NoSQL
• Upstash Redis - Rate limiting y caché

Frontend

• React 19 - Biblioteca UI con las últimas features
• Vite - Build tool de última generación
• Tailwind CSS 4 - Framework CSS utility-first
• DaisyUI - Componentes UI pre-diseñados
• React Router - Navegación SPA
• Axios - Cliente HTTP
• React Hot Toast - Notificaciones elegantes
• Lucide React - Iconos modernos

🎓 Conceptos Implementados

• ✅ Arquitectura MERN completa
• ✅ Operaciones CRUD con MongoDB
• ✅ API RESTful con Express
• ✅ Métodos HTTP y códigos de estado
• ✅ Rate Limiting para producción
• ✅ Gestión de estado en React
• ✅ Enrutamiento client-side
• ✅ Responsive Design
• ✅ Deployment full-stack

🚀 Deployment

Aplicación deployada en Render (Free Tier), donde el backend sirve tanto la API como los archivos estáticos del frontend, resultando en una arquitectura monolítica eficiente para proyectos pequeños y medianos.

Nota sobre Render Free Tier: El servicio se suspende después de 15 minutos de inactividad y tarda aproximadamente 30-60 segundos en reactivarse al recibir una nueva solicitud.

📚 Créditos

Proyecto desarrollado como parte del aprendizaje del stack MERN, basado en un tutorial con mejoras y features personalizados:

✨ Features adicionales implementados:

• Sistema de cambio de tema (dark/light mode)
• Optimizaciones de UI/UX
• Configuración moderna con React 19 y Tailwind CSS 4

📄 Licencia

ISC

---

⭐ Ver Demo en Vivo ⭐