A modern, full-stack support ticket management system built with Next.js, MongoDB, and shadcn/ui. This application provides a seamless experience for creating, viewing, and managing support tickets with a beautiful and responsive user interface.
- 🔐 Authentication: Secure user authentication using NextAuth.js
- 🎫 Ticket Management: Create and view support tickets
- 📱 Responsive Design: Mobile-friendly interface using shadcn/ui components
- 🎨 Modern UI: Clean and intuitive user interface
- ⚡ Real-time Updates: Instant ticket creation and updates
- 🔍 Form Validation: Robust form validation using Zod
- 🌙 Dark Mode: Built-in dark mode support
-
Frontend:
- Next.js 15.3.1
- React 19
- shadcn/ui
- Tailwind CSS
- React Hook Form
- Zod
-
Backend:
- Next.js API Routes
- MongoDB
- Mongoose
- NextAuth.js
- Node.js (Latest LTS version recommended)
- MongoDB database
- npm or bun package manager
- Clone the repository:
git clone <repository-url>
cd support-ticket-application- Install dependencies:
npm install
# or
bun install- Create a
.envfile in the root directory with the following variables:
MONGO_URI=your_mongodb_connection_string- Start the development server:
npm run dev
# or
bun run devThe application will be available at http://localhost:3000
├── app/
│ ├── api/ # API routes
│ ├── view-tickets/ # Ticket viewing page
│ └── layout.tsx # Root layout
├── components/
│ ├── actions/ # Action components
│ ├── custom/ # Custom components
│ ├── parts/ # Reusable parts
│ └── ui/ # UI components
├── lib/
│ ├── models/ # Database models
│ └── utils/ # Utility functions
└── public/ # Static assets
Contributions are welcome! Please feel free to submit a Pull Request.
This project is open source and available under the MIT License.
⭐ Star the repository if you find it helpful! ❤️