gaofubin / t3-app-template

This is the admin template for T3 Stack and shadcn ui

[T3 App Template]: T3 Stack with shadcn-ui Admin Layout

Overview

This project is a management interface developed using the T3 Stack, encapsulated with shadcn-ui . It aims to provide a responsive, user-friendly, and feature-rich admin interface suitable for various devices and screen sizes.

Features

• Theme Switching: Allows users to switch the interface theme according to their preference or requirement.
• Responsive Sidebar: A flexible sidebar that adapts to different screen sizes and devices.
• Sidebar Shrinking: Users can expand or collapse the sidebar as needed to optimize screen space.
• Secondary Menu in Sidebar: For better organization and access, the sidebar includes multi-level menus.
• Mobile Sidebar: Specially designed for mobile devices to ensure smooth usage on smaller screens.
• Tanstack Table: Use tanstack table to implement curd operation
• NextAuth: Implemented Github login using NextAuth
• Global: Header, Loading and Modal
• Select: Implement multi-select input example
• Step Form: Implement step-form example
• Other Features...: Waiting for further updates

Quick Start

1. Clone the repository: git clone https://github.com/gaofubin/t3-app-template.git
2. Install dependencies: npm install
3. Start the project: npm run dev

Dashboard Demo

Demo Link: https://t3-app-template.vercel.app/

t3-app-template's Issues

Navbar Not Extended Tool Tip Bug (Children)

It is showing for main Component but not for child component

Accordion component with hover tooltip

I still don't understand how the tooltip is being used; I haven't had the chance to review the Accordion component to see if it originates from there. However, if you could provide me with a brief explanation, it would be helpful.

FAQ - Quiestions

Hi There

Firstly as someone who has only recently started learning javascript/typescript, css etc (As I am a back end developer mainly) this was by far the best starting template for me as scadcn is such a great library.

I do have a few questions tho regarding making changes/customising etc as part of learning. Do you have a discord for me to join? The help would greatly be appreciated.

侧边栏收缩时，可以展示子级菜单

目前收缩左侧菜单后，只能点击顶级菜单，可以把子级菜单都展示出来嘛，类似这种：