Todo App with T3 Stack

A modern Todo application built using the powerful T3 stack to manage and organize your tasks efficiently. With advanced features like Todo charts, Kanban view, and a theme switcher, this app is perfect for task management.

📸 Previ

how.to.mp4

🚀 Technologies Used

• Prisma: A modern ORM for interacting with the SQLite database.
• TypeScript (TS): Type-safe JavaScript for improved development experience.
• Next.js (App Router): The framework for building the app with server-side rendering and static site generation.
• SQLite: Lightweight, serverless database for data storage.
• Tailwind CSS: A utility-first CSS framework for fast styling.
• ShadCN UI: Elegant UI components for building modern web apps.
• React Query: Data-fetching and caching solution for React.
• TRPC: End-to-end typesafe API framework for full-stack development.

🛠️ Features

• Add Todo: Create new tasks effortlessly.
• Edit Todo: Update existing tasks with ease.
• Delete Todo: Remove tasks that are no longer needed.
• Todo Chart: Visualize your tasks in an insightful chart format.
• Todo Kanban View: Manage tasks in a dynamic Kanban board layout.
• Theme Switch: Toggle between light and dark themes for a customized experience.

🏃‍♂️ Getting Started

To get the project up and running on your local machine, follow these steps:

1. Install dependencies:

yarn install

2. Push the database schema:

yarn run db.push

3. Start the development server:

yarn run dev

The app will be live at http://localhost:3000.

✨ Author

Nabin Achar
Feel free to check out more projects on my GitHub!

🔗 Connect with me

• GitHub
• LinkedIn
• Website