🧠 MindNote - Tu Segundo Cerebro Digital

📝 Descripción

MindNote es una aplicación web moderna diseñada para ser tu segundo cerebro digital. Captura, organiza y transforma tus ideas con una interfaz intuitiva y rápida. La plataforma perfecta para gestionar notas e información importante de manera eficiente.

Construida con las tecnologías más modernas del ecosistema React, MindNote ofrece una experiencia de usuario fluida y profesional, permitiéndote concentrarte en lo que realmente importa: tus ideas.

🌐 Demo Online

¡Pruébalo ahora en Vercel! 👉 https://frontend-mindnote.vercel.app

Puedes acceder a la versión desplegada para explorar todas las funcionalidades sin necesidad de instalación.

✨ Características

• 📋 Gestión de Notas: Crea, edita y elimina notas de manera intuitiva
• 🗂️ Categorización: Organiza tus notas por categorías personalizadas
• 📌 Notas Fijadas: Mantén las notas importantes siempre a la vista
• 🔍 Búsqueda Avanzada: Encuentra rápidamente cualquier nota con búsqueda en tiempo real
• 🎨 Interfaz Moderna: Diseño limpio y profesional con soporte para modo oscuro
• ⚡ Rendimiento Optimizado: Carga instantánea y navegación fluida
• 📱 Responsive Design: Funciona perfectamente en dispositivos móviles y escritorio
• 🎯 Editor Rico: Interfaz de edición intuitiva y fácil de usar

🚀 Instalación

Prerrequisitos

• Node.js (versión 18 o superior)
• npm o bun

Pasos de instalación

1. Clonar el repositorio

git clone https://github.com/AngieB26/frontend-lovable.git
cd frontend-lovable

2. Instalar dependencias

npm install

O si usas bun:

bun install

3. Iniciar el servidor de desarrollo

npm run dev

4. Abrir en el navegador

Navega a http://localhost:5173 para ver la aplicación en acción.

📁 Estructura del Proyecto

frontend-lovable/
├── public/              # Archivos públicos estáticos
├── src/
│   ├── components/      # Componentes reutilizables de React
│   ├── hooks/          # Custom hooks de React
│   ├── lib/            # Utilidades y configuraciones
│   ├── pages/          # Páginas de la aplicación
│   ├── services/       # Servicios y lógica de negocio
│   ├── types/          # Definiciones de tipos TypeScript
│   ├── App.tsx         # Componente principal
│   ├── main.tsx        # Punto de entrada
│   └── index.css       # Estilos globales
├── index.html          # HTML principal
├── package.json        # Dependencias y scripts
├── tsconfig.json       # Configuración de TypeScript
├── vite.config.ts      # Configuración de Vite
└── tailwind.config.ts  # Configuración de Tailwind CSS

📜 Scripts Disponibles

Script	Comando	Descripción
Desarrollo	npm run dev	Inicia el servidor de desarrollo en http://localhost:5173
Build	npm run build	Construye la aplicación para producción
Build Dev	npm run build:dev	Construye la aplicación en modo desarrollo
Lint	npm run lint	Ejecuta ESLint para verificar el código
Preview	npm run preview	Previsualiza la build de producción localmente

🛠️ Tecnologías Utilizadas

• Frontend Framework: React 18.3.1
• Language: TypeScript 5.8.3
• Build Tool: Vite 5.4.19
• Styling: Tailwind CSS 3.4.17
• UI Components: Radix UI + shadcn/ui
• State Management: React Query (TanStack Query)
• Routing: React Router DOM 6.30.1
• Form Handling: React Hook Form + Zod
• Icons: Lucide React
• Notifications: Sonner

🤝 Contribuciones

¡Las contribuciones son bienvenidas! Si deseas contribuir al proyecto, sigue estos pasos:

Proceso de contribución

1. Fork el proyecto

   Haz clic en el botón "Fork" en la parte superior derecha del repositorio.

2. Clona tu fork

git clone https://github.com/tu-usuario/frontend-lovable.git
cd frontend-lovable

3. Crea una rama para tu feature

git checkout -b feature/AmazingFeature

4. Realiza tus cambios

   Asegúrate de seguir las convenciones de código del proyecto y escribir código limpio.

5. Commit tus cambios

git commit -m 'Add: Amazing new feature'

6. Push a tu rama

git push origin feature/AmazingFeature

7. Abre un Pull Request

   Ve a tu fork en GitHub y haz clic en "New Pull Request". Describe tus cambios en detalle.

Guías de contribución

• Escribe código limpio y bien documentado
• Asegúrate de que el código pase el linter (npm run lint)
• Prueba tus cambios antes de hacer commit
• Sigue las convenciones de commits del proyecto
• Actualiza la documentación si es necesario

📸 Capturas

Capturas de pantalla próximamente

📄 Licencia

Este proyecto está bajo la Licencia MIT. Consulta el archivo LICENSE para más información.

🎉 Créditos

Este proyecto fue creado con Lovable - la plataforma de desarrollo más rápida del mundo.

Desarrollado con ❤️ por AngieB26

---

⭐ Si este proyecto te resulta útil, ¡considera darle una estrella en GitHub!