A modern issue tracking app built with the latest Next.js, TypeScript, Prisma, and more.
Based on Mosh Hamedani's project, refactored with current best practices.
👉 Watch the live demo video on Google Drive
- 🧾 Full CRUD functionality for issues
- 🔐 Google OAuth with NextAuth.js
- 🧑🤝🧑 Assign issues to team members
- 🔍 Filter & sort issues by status, priority, or assignee
- 📈 Dashboard with real-time issue stats
- 📝 Markdown editor for detailed descriptions
- ⚡ Optimistic UI updates using React Query
- 💅 Styled with Tailwind CSS and Radix UI
| Frontend | Next.js 15 (App Router), React, TypeScript |
| Styling | Tailwind CSS, Radix UI |
| Forms | React Hook Form, Zod |
| Data | Prisma ORM, PostgreSQL/MySQL |
| Auth | NextAuth.js (Google Provider) |
| API | Next.js API Routes |
| Charts | Chart.js |
| State | React Query |
- Clone the repository
git clone https://github.com/OmarTemsah99/issue-tracker.git cd issue-tracker - Install dependencies
npm install - Set up environment variables
Fill in:
cp .env.example .envDATABASE_URL="mysql://user:password@localhost:3306/issue_tracker" NEXTAUTH_URL="http://localhost:3000" NEXTAUTH_SECRET="your-secret" GOOGLE_CLIENT_ID="your-client-id" GOOGLE_CLIENT_SECRET="your-client-secret" - Run Prisma migrations
npx prisma migrate dev - Start the development server
Visit http://localhost:3000
npm run dev
- Sign in with Google
- Create and assign issues
- Edit, delete, or filter issues
- View dashboards with charts
- All interactions are cached for performance
npm run dev # Start dev server
npm run build # Build for production
npm run start # Run production server
npx prisma studio # Open Prisma DB GUI
npx prisma migrate dev # Apply DB migrations
This project is optimized for Vercel. Make sure to set all required .env variables in your Vercel dashboard.
Recommended Database Services:
- Auth issues: Check Google credentials and
NEXTAUTH_SECRET - Prisma errors: Validate your
DATABASE_URL - Build fails: Clear
.nextand try rebuilding
- Omar Temsah – project refactor, modernization
- Based on Mosh Hamedani’s issue tracker course
Licensed under the MIT License.
Built with ❤️ and modern web technologies