A React application built with Patternfly for managing GitHub project milestones and issues.

• View all project milestones in vertically stacked cards
• Expand milestones to see associated issues
• View issues in horizontally stacked cards with multiple rows
• Markdown-formatted issue descriptions
• User information with avatars
• Days since issue creation tracking
• Direct links to GitHub issues

1. Install dependencies:

npm install

2. Start the development server:

npm run dev

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

To build for production:

npm run build

Run tests:

npm test

Run tests with UI:

npm run test:ui

Run tests with coverage:

npm run test:coverage

Format all code with Prettier:

npm run format

Check if code is formatted correctly:

npm run format:check

The frontend expects the backend API to be running on http://localhost:8000. The Vite dev server is configured to proxy /api requests to the backend.

• GET /api/milestones - Returns list of milestones
• GET /api/issues/{milestone_number} - Returns issues for a milestone

frontend/
├── src/
│   ├── components/
│   │   ├── MilestoneCard.jsx
│   │   ├── IssueCard.jsx
│   │   └── *.test.jsx
│   ├── services/
│   │   ├── api.js
│   │   └── *.test.js
│   ├── utils/
│   │   ├── dateUtils.js
│   │   └── *.test.js
│   ├── test/
│   │   └── setup.js
│   ├── App.jsx
│   └── main.jsx
├── index.html
├── package.json
├── vite.config.js
└── README.md

• React 18
• Patternfly React Components
• Vite
• Vitest for testing
• React Testing Library
• React Markdown for rendering issue descriptions
• Prettier for code formatting