Skip to content

synjan/qa-demo-1

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

24 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

QA Test Manager

A comprehensive manual test case management platform with GitHub integration, built with Next.js 15 and modern web technologies.

QA Test Manager TypeScript Tailwind CSS

πŸš€ Features

βœ… Complete Test Case Lifecycle

  • Manual Test Case Creation: Rich editor with step-by-step test creation
  • Test Case Management: Full CRUD operations with metadata tracking
  • Batch Test Execution: Select and run multiple test cases simultaneously
  • Individual Test Execution: Step-by-step execution with real-time results

πŸ“Š Real-time Analytics Dashboard

  • Live Statistics: Test execution counts, pass rates, and trends
  • Activity Feed: Recent test runs and case modifications
  • Progress Tracking: Visual progress bars and completion statistics
  • Export Capabilities: CSV export for detailed reporting

πŸ”— GitHub Integration

  • OAuth Authentication: Secure GitHub login
  • Issue Browsing: View and select GitHub issues for testing
  • AI-Powered Generation: Automatically generate test cases from issues
  • Repository Integration: Connect tests to specific GitHub repositories

🎨 Professional UI/UX

  • Dark/Light Themes: Professional theming with shadcn/ui components
  • Responsive Design: Works seamlessly on desktop and mobile
  • Accessibility: WCAG compliant with proper contrast ratios
  • Modern Stack: Next.js 15, TypeScript, Tailwind CSS

πŸ› οΈ Technology Stack

  • Frontend: Next.js 15.4.2 with App Router
  • UI Framework: shadcn/ui + Radix UI components
  • Styling: Tailwind CSS v4 with custom theming
  • Authentication: NextAuth.js with GitHub OAuth
  • Data Storage: File-based system with Markdown and JSON
  • AI Integration: OpenAI API for test case generation
  • GitHub API: Octokit for repository and issue management

πŸ“‹ Quick Start

Prerequisites

  • Node.js 18 or higher
  • npm or yarn package manager
  • Git for version control
  • GitHub account (for OAuth authentication)
  • OpenAI API key (optional, for AI test case generation)

Installation

  1. Clone the repository

    git clone https://github.com/synjan/qa-demo-1.git cd qa-demo-1
  2. Install dependencies

    npm install
  3. Environment setup

    cp .env.example .env.local
  4. Configure environment variables

    # NextAuth Configuration NEXTAUTH_URL=http://localhost:3000 NEXTAUTH_SECRET=your-secret-key-here # GitHub OAuth GITHUB_CLIENT_ID=your-github-oauth-app-client-id GITHUB_CLIENT_SECRET=your-github-oauth-app-secret # OpenAI API (Optional) OPENAI_API_KEY=your-openai-api-key # GitHub Personal Access Token (Optional) GITHUB_TOKEN=your-github-personal-access-token
  5. GitHub OAuth Setup

    • Go to GitHub Developer Settings
    • Create a new OAuth App with:
      • Homepage URL: http://localhost:3000
      • Authorization callback URL: http://localhost:3000/api/auth/callback/github
  6. Start the development server

    npm run dev
  7. Open in browser Navigate to http://localhost:3000

🎯 Core Workflows

Test Case Management

graph LR A[Create Test Case] --> B[Add Steps] B --> C[Set Priority] C --> D[Save & Execute] D --> E[Track Results] 
Loading

Batch Execution

graph LR A[Select Multiple Tests] --> B[Start Batch Run] B --> C[Execute Sequentially] C --> D[Aggregate Results] D --> E[Export Report] 
Loading

GitHub Integration

graph LR A[Connect GitHub] --> B[Browse Issues] B --> C[Generate Tests] C --> D[Execute & Track] D --> E[Link Results] 
Loading

πŸ“ Project Structure

qa-demo-1/ β”œβ”€β”€ src/ β”‚ β”œβ”€β”€ app/ # Next.js App Router pages β”‚ β”‚ β”œβ”€β”€ api/ # API endpoints β”‚ β”‚ β”œβ”€β”€ testcases/ # Test case management pages β”‚ β”‚ β”œβ”€β”€ testplans/ # Test plan management pages β”‚ β”‚ └── github/ # GitHub integration pages β”‚ β”œβ”€β”€ components/ # Reusable UI components β”‚ β”‚ β”œβ”€β”€ ui/ # shadcn/ui components β”‚ β”‚ β”œβ”€β”€ layout/ # Layout components β”‚ β”‚ └── theme/ # Theme components β”‚ └── lib/ # Utility functions and types β”œβ”€β”€ testcases/ # Test case storage (Markdown) β”œβ”€β”€ testplans/ # Test plan storage (JSON) β”œβ”€β”€ results/ # Test results storage (JSON) └── README.md 

🌟 Key Features

File-Based Storage

  • Git-friendly: Version control for test cases
  • No Database Required: Simple deployment
  • Human Readable: Markdown and JSON formats
  • Portable: Easy backup and migration

AI-Enhanced Testing

  • Auto-Generation: Create test cases from GitHub issues
  • Smart Analysis: AI understands issue context
  • Customizable: Edit generated test cases
  • Integration: Seamless workflow with GitHub

Batch Test Execution

  • Sequential Processing: Execute multiple tests in order
  • Real-time Progress: Live updates and statistics
  • Auto-save Results: Automatic result persistence
  • Export Reports: CSV export for analysis

πŸ“š Complete Documentation

🏠 Visit the Wiki for comprehensive documentation

Quick Links

πŸš€ Deployment

Vercel (Recommended)

npm install -g vercel vercel --prod

Docker

docker build -t qa-test-manager . docker run -p 3000:3000 qa-test-manager

Manual Deployment

npm run build npm start

For detailed deployment instructions, see the Wiki documentation.

🀝 Contributing

We welcome contributions! Please see our Contributing Guide for details.

Development Setup

  1. Fork the repository
  2. Create a feature branch: git checkout -b feature/amazing-feature
  3. Make your changes
  4. Run tests: npm test
  5. Commit changes: git commit -m 'Add amazing feature'
  6. Push to branch: git push origin feature/amazing-feature
  7. Open a Pull Request

πŸ“„ License

This project is licensed under the MIT License - see the LICENSE file for details.

πŸ”— Links

πŸ“ž Support

Need help? Here are your options:

πŸ† Acknowledgments


QA Test Manager - Making manual testing efficient and enjoyable! πŸŽ‰

About

Manual test case management platform with GitHub integration, built with Next.js 15 and modern web technologies

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published

Contributors 3

  •  
  •  
  •