Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/acharnabin/todo-t3-stack
https://github.com/acharnabin/todo-t3-stack
next nextjs prisma shadcn-ui sqllite t3-stack
Last synced: 8 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/acharnabin/todo-t3-stack
- Owner: acharnabin
- Created: 2024-12-22T06:44:22.000Z (14 days ago)
- Default Branch: master
- Last Pushed: 2024-12-22T06:46:41.000Z (14 days ago)
- Last Synced: 2024-12-22T07:27:59.566Z (14 days ago)
- Topics: next, nextjs, prisma, shadcn-ui, sqllite, t3-stack
- Language: TypeScript
- Homepage:
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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
https://github.com/user-attachments/assets/9a794f5d-b81a-4b82-b5d3-e216cf5d476e
## 🚀 Technologies Used
- **[Prisma](https://www.prisma.io/)**: A modern ORM for interacting with the SQLite database.
- **[TypeScript (TS)](https://www.typescriptlang.org/)**: Type-safe JavaScript for improved development experience.
- **[Next.js (App Router)](https://nextjs.org/docs/app)**: The framework for building the app with server-side rendering and static site generation.
- **[SQLite](https://www.sqlite.org/)**: Lightweight, serverless database for data storage.
- **[Tailwind CSS](https://tailwindcss.com/)**: A utility-first CSS framework for fast styling.
- **[ShadCN UI](https://github.com/shadcn/ui)**: Elegant UI components for building modern web apps.
- **[React Query](https://tanstack.com/query)**: Data-fetching and caching solution for React.
- **[TRPC](https://trpc.io/)**: 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:
```bash
yarn install
```
### 2. Push the database schema:
```bash
yarn run db.push
```
### 3. Start the development server:
```bash
yarn run dev
```
The app will be live at [http://localhost:3000](http://localhost:3000).
## ✨ Author
[**Nabin Achar**](https://github.com/acharnabin)
Feel free to check out more projects on my GitHub!
## 🔗 Connect with me
- [GitHub](https://github.com/acharnabin)
- [LinkedIn](https://www.linkedin.com/in/nabin-achar-57570b202)
- [Website](https://thechotoprogrammer.vercel.app/)