This is a fully-functional full-stack issue tracker application that helps product owners to track issues for their teams in a productive and secure way. This platform is built using Next.js 13.5, React, Radix UI, TailwindCSS, MySQL, PlanetScale, Prisma, NextAuth and more.
- Troubleshoot Issues: Instantly look at various issues the team needs to work on
- Editing & Deleting Issues: Edit and delete issues in real-time
- Pagination: Manage multiple issues easily through pagination
- Member Management: Assign authenticated members various issues based on their skills
- Charts: Visualize the issues in a more seamless and detailed format
- Stunning UI: Beautifully designed using TailwindCSS and Radix UI
- Responsiveness: Works flawlessly on both desktop and mobile devices
- Database & ORM: MySQL for robustness & Prisma for database operations
- MySQL Database: Utilize Planetscale for your MySQL database
- Authentication: Secured the app using NextAuth
To get started, you'll need to clone this repository to your local machine. You can do this by running the following in the command line:
git clone https://github.com/Sumer16/asunto.git
Once you've cloned the repository, navigate to the project directory and run npm/yarn install to install all the necessary dependencies.
cd asunto
npm install
# or
yarn install
After the dependencies have been installed, create a .env
file in the root of the project and add all necessary API credentials of your own:
DATABASE_URL=your_db_url
GOOGLE_CLIENT_SECRET=your_google_secret
GOOGLE_CLIENT_ID=your_google_id
NEXTAUTH_SECRET=your_nextauth_secret_key
NEXTAUTH_URL=your_nextauth_url
Add MySQL Database (I used PlanetScale, you can use any of your own choice):
npx prisma generate
npx prisma db push
After the dependencies have been installed, you can start the development server by running:
npm run dev
# or
yarn dev
This will start the server at http://localhost:3000
, and you can view the website in your browser.
Open http://localhost:3000
with your browser to see the result.
npm run build
# or
yarn build
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
npm install -g vercel
# or
yarn global add vercel
vercel
Check out the Next.js deployment documentation for more details.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
- Programming with Mosh => Thanks for making this amazing tutorial! You have always been a great teacher and a great inspiration for developing full-stack projects.