Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/b14ck0ps/issue-tracker

Simple Issue tracker, made with NextJS14, Prisma, Postgres, RadixUI & tailwindcss. Using Docker to host on azure.
https://github.com/b14ck0ps/issue-tracker

docker nextjs14 postgres prisma-orm radix-ui tailwindcss

Last synced: about 2 months ago
JSON representation

Simple Issue tracker, made with NextJS14, Prisma, Postgres, RadixUI & tailwindcss. Using Docker to host on azure.

Awesome Lists containing this project

README

        

**Project Description: Issue Tracker App**

The Issue Tracker app is a comprehensive web application designed to streamline issue management through a user-friendly interface. Built using cutting-edge technologies, it leverages Next.js 14 with Prisma for efficient backend operations, supported by a PostgreSQL database. The frontend is crafted with Radix UI and Tailwind CSS, ensuring a responsive and visually appealing dashboard.

**Key Features:**
- **Dashboard Overview:** Provides a centralized view of the latest issues, including a dynamic chart and numeric summaries of issue statuses.
- **OAuth Integration:** Utilizes NextAuth.js for seamless authentication via Google OAuth, ensuring secure and convenient user access.
- **Technological Stack:**
- **Next.js 14:** Enables server-side rendering and optimized performance.
- **Prisma:** Facilitates ORM for interacting with the PostgreSQL database, ensuring data integrity and efficiency.
- **Radix UI:** Offers a robust component library for consistent and accessible UI components.
- **Tailwind CSS:** Provides utility-first CSS for rapid UI development and responsive design.

**Objective:**
The Issue Tracker app aims to enhance team productivity by providing real-time visibility into ongoing issues, facilitating prompt resolution and effective collaboration. By combining powerful technologies with intuitive design, it offers a seamless experience for managing and monitoring project issues.

## Getting Started

create an .evn file, like the .env.example

First, run the development server:

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```

Use Docker,
```bash
docker-compose up --build
```

Screen Shots:
Dashboard:
![Dashboard](https://i.imgur.com/Uqq5UYX.png)

List:
![List](https://i.imgur.com/FedZFvP.png)

Details:
![Details](https://i.imgur.com/QIG8izN.png)

Editor:
![Editor](https://i.imgur.com/YFIOkrW.png)