To Do App

This is a simple yet powerful To-Do application built with Next.js and TypeScript. It features user authentication, CRUD operations for task management, and a responsive UI with Tailwind CSS. The app is deployed on Vercel, using Neon and Turso as database providers in a microservices architecture.

Code Preview

Technologies

  • Next JS
  • Typescript
  • PostgresSQL
  • SQLite
  • Tailwind
  • Git
  • GitHub

Features

  • Next.js: for a robust development experience.
  • NextAuth.js: for user authentication.
  • Microservices architecture:
    • Users: stored in a PostgreSQL database hosted on Neon
    • Tasks: stored in a SQLite database hosted on Turso.
    • Services: Each service is organized inside the new /services directory.
  • Custom Hooks: for handling tasks and modals.
  • Dark Mode / Light Mode: to better ueser experience
  • Toast notifications: for better UX

Deployed In

Vercel

Gallery

image that show the next text "Login"
image that show the next text "You can create a user"
image that show the next text "The app have a dark / ligth mode"
image that show the next text "You can management your tasks"
image that show the next text "The app use a modal form to create and update tasks"
image that show the next text "Tasks view"
image that show the next text "Editing one task"
image that show the next text "The app has a Next Auth authentication system."