controlsight Tailwind Templates

Controlsight

ControlSight is a robust issue tracker built with Next.js, leveraging Prisma, Tailwind CSS, Radix UI, TypeScript, and NextAuth for comprehensive issue management. Designed to streamline task tracking and bug resolution, it offers an intuitive, customizable dashboard for optimal control and visibility.

ControlSight

ControlSight is a robust issue tracker designed to streamline task management and bug resolution processes. Built using Next.js, Prisma, Tailwind CSS, Radix UI, TypeScript, and NextAuth, it provides an intuitive and customizable dashboard for optimal control and visibility of your project issues.

Production URL: https://controlsight.vercel.app/

Usage

ControlSight is the perfect tool for teams looking to manage their development workflow and bug tracking efficiently. It supports OAuth with Google for easy user authentication, enabling a quick setup and seamless user experience.

Built With

  • Next.js - A React framework for building single-page JavaScript applications
  • Prisma - Next-generation ORM for Node.js and TypeScript
  • Tailwind CSS - A utility-first CSS framework for rapidly building custom designs
  • Radix UI - Unstyled, accessible components for building high-quality design systems and web apps
  • TypeScript - A typed superset of JavaScript that compiles to clean JavaScript output
  • NextAuth - Complete open-source authentication solution for Next.js applications

Features

  • Interactive Dashboard: View summaries and a bar chart of issues, along with the latest issues in a single glance.
  • Issue Management: Create, view, edit, and delete issues with support for markdown descriptions.
  • Sorting and Pagination: Navigate through issues effectively with options to sort by status, title, or creation date.
  • User Assignment: Assign issues to specific team members for efficient task management.
  • OAuth Integration: Easy authentication using Google accounts.

Getting Started

Prerequisites

  • Node.js
  • npm or yarn

Installation

  1. Clone the repo:
    git clone https://github.com/yourusername/controlsight.git
    
  2. Install NPM packages:
    npm install
    
    or if you use yarn
    yarn install
    

Running the App

To start the app in development mode, run:

npm run dev

or if you use yarn

yarn dev

Open http://localhost:3000 to view it in your browser.

Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

Top categories

Loading Svelte Themes