https://github.com/amir-h-404/issue-tracker
The project is useful for learning Next.js framework
https://github.com/amir-h-404/issue-tracker
framework javascript learning learning-by-doing learning-exercise mysql nextjs prisma tailwindcss
Last synced: about 1 year ago
JSON representation
The project is useful for learning Next.js framework
- Host: GitHub
- URL: https://github.com/amir-h-404/issue-tracker
- Owner: amir-h-404
- Created: 2024-12-19T11:07:24.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-21T19:40:34.000Z (over 1 year ago)
- Last Synced: 2025-01-01T15:15:14.130Z (over 1 year ago)
- Topics: framework, javascript, learning, learning-by-doing, learning-exercise, mysql, nextjs, prisma, tailwindcss
- Language: TypeScript
- Homepage:
- Size: 443 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## The project is useful for learning Next.js framework:
- **learning project - 1**
This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
## Getting Started
First, run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
## Prisma ORM:
1. Install XAMPP (A local server that contains a mysql database and phpmyadmin).
2. Create .env file.
3. Type in the .env file: `DATABASE_URL="mysql://root:@localhost:3306/issue-tracker"`.
- Database type: MySQL
- Database name: issue-tracker
- username: root
- password: (nothing)
- port: 3306
## Installed dependencies:
- react-icons: `npm install react-icons@latest`
- classnames: `npm install classnames@latest`
- prisma: `npm install prisma@latest`
- @prisma/client: `npm install @prisma/client@latest`
- zod: `npm install zod@latest`
- @radix-ui/themes: `npm install @radix-ui/themes`
- react-simplemde-editor and easymde: `npm install --save react-simplemde-editor easymde`
- react-hook-form: `npm install react-hook-form@latest`
- axios: `npm install axios@latest`
- @hookform/resolvers: `npm install @hookform/resolvers@latest`
- daisyui: `npm install -D daisyui@latest`