Trackit

screenshot of Trackit
express
nextjs
react
chakra-ui

Trackit is a issue and project management system built using MERN stack. Check out the demo below, feel free to play around

Overview:

The Bug Tracker is a project management tool that allows team members to collaborate on project tasks, track and manage tickets, and monitor project statistics. It provides features such as team and project management, ticket management, user assignment, advanced searching, commenting, role-based organization, and custom field creation. The application is built using NextJs for the front-end, Chakra UI for the UI components, Axios for API calls, and Zustand for state management. Installation is straightforward, requiring the installation of Node.js and MongoDB, cloning the repository, installing dependencies, setting up the environment variables, and seeding the database. Overall, the Bug Tracker offers an efficient solution for project management and issue tracking.

Features:

  • Team management: Create and manage teams within the Bug Tracker application.
  • Project management: Create and manage projects, assign team members, and track project progress.
  • Ticket management: Create and manage tickets for different projects, assign them to team members, and track their status.
  • User assignment: Assign team members to projects and tickets, enabling efficient collaboration.
  • Project statistics: Track project statistics such as progress, number of tickets, and completion rate.
  • Advanced searching: Perform advanced search queries to filter tickets based on specific criteria.
  • Commenting: Add comments to tickets to provide updates, ask questions, or collaborate with team members.
  • Role-based organization: Create custom permissions and roles to define user access levels within the application.
  • Custom field creation: Create custom fields for projects and tickets to capture additional information.

Summary:

The Bug Tracker is a comprehensive project management tool with features for team and project management, ticket management, user assignment, advanced searching, commenting, role-based organization, and custom field creation. It is built using NextJs, Chakra UI, Axios, and Zustand. The installation process involves downloading Node.js and MongoDB, cloning the repository, installing dependencies, setting up environment variables, and seeding the database. The Bug Tracker offers a user-friendly interface and efficient functionalities for effective project tracking and issue management.

express
Express

Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.

nextjs
Next.js

Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

chakra-ui
Chakra UI

Chakra UI is a popular open-source React component library that provides a set of accessible and customizable UI components to help developers create modern web applications.

Redux

Redux is a state management library for JavaScript apps that provides a predictable and centralized way to manage application state. It enables developers to write actions and reducers that update the state in response to user interactions, server responses, and other events, and can be used with a variety of front-end frameworks and back-end technologies.