QA Platform Frontend

Prerequisites

• Node.js 16+
• Backend API running

Installation

# Clone repository
git clone https://github.com/MertBaran/QA-frontend.git && cd QA-frontend

# Install dependencies
npm install

# Environment setup
cp env.example .env
# Edit .env with your configuration

# Start development server
npm start

Docker Setup

# Build and run with Docker Compose
docker-compose up -d

# Or build manually
docker build -t qa-frontend .
docker run -p 3000:3000 --env-file .env qa-frontend

Available Scripts

npm start          # Start development server
npm run build      # Build for production
npm test           # Run tests
npm run lint       # Run ESLint
npm run lint:fix   # Fix ESLint issues

Environment Variables

# API Configuration
REACT_APP_API_URL=http://localhost:3000/api

# Sentry Configuration
REACT_APP_SENTRY_DSN=YOUR_SENTRY_DSN_HERE

# App Configuration
REACT_APP_NAME=QA Platform
REACT_APP_VERSION=1.0.0

Project Structure

src/
├── components/          # Reusable UI components
│   ├── auth/           # Authentication components
│   ├── error/          # Error handling components
│   ├── layout/         # Layout components
│   └── ui/             # UI components
├── config/             # Configuration files
├── pages/              # Page components
│   ├── admin/          # Admin pages
│   ├── auth/           # Auth pages
│   ├── question/       # Question pages
│   └── user/           # User pages
├── routes/             # Routing configuration
├── services/           # API services
├── store/              # Redux store
│   ├── auth/           # Auth state
│   ├── bookmarks/      # Bookmarks state
│   ├── confirm/        # Confirm dialog state
│   ├── language/       # Language state
│   ├── questions/      # Questions state
│   └── theme/          # Theme state
├── types/              # TypeScript types
├── utils/              # Utilities
│   ├── i18n/           # Internationalization
│   ├── validation/     # Form validation
│   └── errorHandling/  # Error handling
└── App.tsx             # Main application component

Tech Stack

• React 18
• Redux Toolkit
• Material-UI
• TypeScript
• Axios
• Yup
• React Router DOM
• Sentry

Contributing

License

MIT License

Related

• Backend: QA API