The Fullstack Issue Tracker App is built using Next.js
, React
, TypeScript
, Tailwind CSS
, Radix UI
, Prisma
, and NextAuth.js
for authentication via Google and GitHub providers. This app allows users to efficiently manage issues by adding, editing, and organizing them by status (open, in progress, closed) and priority (high, medium, low). Users can also assign issues to team members, leave comments, and view statistics related to the issues.
Click here to see the project!
- Organize and display issues across statuses (open, in progress, closed) on a board for easy tracking
- Efficiently assign users to specific issues for better accountability and collaboration
- Allow users to comment on issues
- Sort issues by status, priority, title, or time of creation
- Search issues by priority, status, or through the search bar to quickly locate specific issues
- Easily delete issues when they are no longer relevant or needed
- Add and edit issues, including their status, priority, title, and description, for flexibility in managing tasks
- Update the status (open, in progress, closed) and priority (high, medium, low) of issues as they progress
- Access detailed statistics about issues, providing insights into overall project progress and workload
- Use NextAuth to provide login functionality with GitHub and Google providers
- Ensure that adding, editing, and deleting comments are only accessible to authenticated users
- Ensure the application functions correctly by writing and running tests using Vitest to cover key components and features
Click on below picture, to see the application demo!