DevMemo es una aplicación web diseñada para desarrolladores que necesitan mantener un registro detallado de sus notas de código, errores y soluciones. Con DevMemo, podrás:
- 📝 Crear y editar notas de código
- 📝 Documentar errores y sus soluciones
- 📱 Acceder a tus notas desde cualquier lugar
- 👥 Gestionar tu cuenta de forma segura
- 📋 Organizar tus notas en un dashboard
- Frontend & Backend: Next.js 14
- Estilos: Tailwind CSS
- Autenticación: Clerk
- Base de Datos: Supabase
- UI Components: Shadcn/ui
- Form Handling: React Hook Form
- Type Safety: TypeScript
- 📝 Sistema de notas con soporte para texto enriquecido
- 📋 Dashboard personalizado para gestionar tus notas
- 📝 Formularios intuitivos para crear y editar notas
- 🌐 Acceso multiplataforma
- 👥 Autenticación segura con Clerk
- 🔄 Actualizaciones en tiempo real con Supabase
src/
├── app/
│ ├── dashboard/
│ │ ├── create/
│ │ │ └── page.tsx
│ │ └── [noteId]/
│ │ └── edit/
│ │ └── page.tsx
│ ├── ui/
│ │ └── FormTextArea.tsx
│ └── layout.tsx
└── ...
Primero, instala las dependencias:
npm install
# o
yarn install
# o
pnpm installLuego, ejecuta el servidor de desarrollo:
npm run dev
# o
yarn dev
# o
pnpm devAbre http://localhost:3000 en tu navegador para ver la aplicación.
- Node.js 18 o superior
- npm 8 o superior
- Una cuenta en Supabase
- Una cuenta en Clerk
Crea un archivo .env.local con las siguientes variables:
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=your_clerk_key
NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/dashboard
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/dashboard
NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
¡Las contribuciones son bienvenidas! Por favor, crea un issue para discutir cambios significativos antes de hacer un pull request.
Para aprender más sobre Next.js, echa un vistazo a los siguientes recursos:
La aplicación puede ser desplegada en cualquier plataforma que soporte Node.js, como Vercel, Netlify o Railway.