Bug Tracker 🐛

A simple but powerful bug tracking app to help teams manage their tasks and bugs effectively.

Features

• Role-Based Views: Managers see all tasks and a trend chart; developers see only their assigned tasks.
• Task Management: Create, edit, and delete tasks with status and priority.
• Approval Workflow: Developers submit tasks for approval, which managers can approve or re-open.
• Filter & Sort: Find tasks by status, priority, and title, or sort by date.
• Time Tracking: Automatically calculates and displays total time spent on each task.
• Responsive UI: Clean interface that works on desktop and mobile.

Technology Stack

• Framework: React.js
• State Management: Zustand
• Routing: React Router
• Styling: Styled-Components
• Charts: Recharts

Getting Started

Prerequisites

• Node.js (v16 or later)
• npm or yarn

Installation

1. Clone the repository:

   git clone [https://github.com/Aditi7273/Bug-Tracker.git](https://github.com/Aditi7273/Bug-Tracker.git)

2. Navigate to the project directory:

   cd Bug-Tracker

3. Install dependencies:

   npm install

4. Start the development server:

   npm start

The application will be available at http://localhost:3000.

Note: This is a front-end demo. All data is mocked using Zustand for state management and will reset on page refresh.

Demo Accounts

Use the following credentials to log in:

• 👔 Manager: aditi_manager@mail.com
• 👨‍💻 Developer 1: shashwat_dev@mail.com
• 👩‍💻 Developer 2: akshaya_dev@mail.com

Password for all accounts: password

Available Scripts

In the project directory, you can run:

• npm start: Runs the app in development mode.
• npm run build: Builds the app for production.
• npm test: Launches the test runner.