https://github.com/kenkyoo/nextjs-todo-list

Aplicación de lista de tareas desarrollada con tecnologías modernas del ecosistema web. Permite gestionar múltiples listas con autenticación real, almacenamiento persistente y un diseño responsivo.
https://github.com/kenkyoo/nextjs-todo-list

app-router-nextjs daisyui hanko nextjs postgresql prisma react sqlite tailwindcss to-do-app to-do-list todolist

Last synced: 17 days ago
JSON representation

Aplicación de lista de tareas desarrollada con tecnologías modernas del ecosistema web. Permite gestionar múltiples listas con autenticación real, almacenamiento persistente y un diseño responsivo.

• Host: GitHub
• URL: https://github.com/kenkyoo/nextjs-todo-list
• Owner: Kenkyoo
• Created: 2025-04-12T21:33:03.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2025-04-12T23:02:06.000Z (3 months ago)
• Last Synced: 2025-05-18T02:11:52.906Z (about 1 month ago)
• Topics: app-router-nextjs, daisyui, hanko, nextjs, postgresql, prisma, react, sqlite, tailwindcss, to-do-app, to-do-list, todolist
• Language: TypeScript
• Homepage: https://nextjs-todo-list-woad.vercel.app
• Size: 141 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Next.js Todo List App

Aplicación de lista de tareas desarrollada con tecnologías modernas del ecosistema web. Permite gestionar múltiples listas con autenticación real, almacenamiento persistente y un diseño responsivo.

✨ Características principales

    ✅ Autenticación y autorización con Hanko

    📋 Crear, editar, completar y eliminar tareas

    📂 Múltiples listas de tareas por usuario

    🔒 Middleware para proteger rutas

    💾 Base de datos PostgreSQL vía Neon

    🧠 ORM con Prisma

    🌐 Deploy en Vercel

    🎨 UI con TailwindCSS y DaisyUI

    ⚙️ Transiciones animadas con autoAnimate

🚀 Tecnologías usadas

    Next.js 15 App Router

    TypeScript

    React 18

    TailwindCSS + DaisyUI

    Prisma ORM

    PostgreSQL (antes SQLite)

    Hanko para auth

    Neon para base de datos

    Vercel para despliegue

🛠 Instalación

git clone https://github.com/Kenkyoo/nextjs-todo-list

cd nextjs-todo-list

npm install

npx prisma generate

npx prisma migrate dev

npm run dev

Asegúrate de configurar las variables de entorno para Hanko y la base de datos (.env):

DATABASE_URL=postgresql://...

NEXT_PUBLIC_HANKO_API_URL=https://...

📸 Capturas

    ![screenshot](public/background.png)

🔗 Enlaces

    Demo en Vercel: nextjs-todo-list.vercel.app

    Repositorio: GitHub