feat: Modernizr workshop, updated readmes, cleaned up folder structure, added mysql logs for central reference, adding python script to parse the logs, fixed some UI elements in shopping cart, registration and seller dashboard

Author: tebanieo

workshops/modernizr/README.md

@@ -1,6 +1,6 @@
 # Online Shopping Store 🛍️
 
-A production-ready, full-stack e-commerce application built with Node.js/TypeScript backend and React/TypeScript frontend. Features comprehensive user authentication, product management, order processing, and advanced testing infrastructure.
+A full-stack e-commerce application built with Node.js/TypeScript backend and React/TypeScript frontend. Features comprehensive user authentication, product management, order processing, and advanced testing infrastructure.
 
 ## 🚀 Features
 
@@ -52,8 +52,8 @@ A production-ready, full-stack e-commerce application built with Node.js/TypeScr
 │   │   └── utils/          # Utility functions
 │   └── build/              # Production build files
 ├── integration-tests/      # Full-stack integration tests
-├── scripts/                # Deployment and utility scripts
-└── .kiro/                  # Development specifications
+└── scripts/                # Deployment and utility scripts
+
 ```
 
 ## 🛠️ Getting Started
@@ -104,6 +104,8 @@ A production-ready, full-stack e-commerce application built with Node.js/TypeScr
 - `npm run dev` - Start development server with hot reload
 - `npm run build` - Build TypeScript to JavaScript
 - `npm start` - Start production server
+- `npm run clean` - Clean build artifacts, coverage, and cache
+- `npm run clean:all` - Clean everything including node_modules
 - `npm run lint` - Run ESLint code analysis
 - `npm run lint:fix` - Auto-fix ESLint issues
 
@@ -113,12 +115,14 @@ A production-ready, full-stack e-commerce application built with Node.js/TypeScr
 - `npm run db:seed` - Seed database with sample data
 - `npm run db:reset` - Reset database (drop, init, seed)
 - `npm run db:clear` - Clear all seed data
+- `npm run db:setup-integration` - Setup integration test database (auto-run before integration tests)
+- `npm run db:setup-e2e` - Setup e2e test database (auto-run before e2e tests)
 
 #### Testing & Quality Assurance
 - `npm test` - Run unit tests (default)
 - `npm run test:unit` - Run unit tests with reporting
-- `npm run test:integration` - Run integration tests
-- `npm run test:e2e` - Run end-to-end tests
+- `npm run test:integration` - Run integration tests (auto-sets up test database)
+- `npm run test:e2e` - Run end-to-end tests (auto-builds and sets up test database)
 - `npm run test:all` - Run all tests with combined reporting
 - `npm run test:watch` - Run tests in watch mode
 - `npm run test:coverage` - Generate coverage reports
@@ -135,7 +139,8 @@ A production-ready, full-stack e-commerce application built with Node.js/TypeScr
 - `npm start` - Start development server
 - `npm run build` - Build for production
 - `npm test` - Run tests
-- `npm run lint` - Run ESLint
+- `npm run clean` - Clean build artifacts and cache
+- `npm run clean:all` - Clean everything including node_modules
 - `npm run eject` - Eject from Create React App (not recommended)
 
 ## 🏗️ Technology Stack
@@ -165,35 +170,65 @@ A production-ready, full-stack e-commerce application built with Node.js/TypeScr
 - **Performance Monitoring**: Built-in performance metrics
 - **Documentation**: Markdown with comprehensive guides
 
-## 🧪 Testing Architecture
+## 🧪 Testing
 
-This project features a comprehensive testing architecture with:
+This project features a comprehensive testing architecture with unit, integration, and end-to-end tests.
 
-### Test Types
-- **Unit Tests** (284 tests) - Fast, isolated component testing
-- **Integration Tests** - Component interaction testing
-- **End-to-End Tests** - Complete user workflow testing
+### Running Tests
 
-### Test Features
-- **Advanced Reporting** - HTML dashboards with performance metrics
-- **Coverage Analysis** - Detailed coverage reports for all test types
-- **Performance Monitoring** - Automatic detection of slow tests
-- **Reliability Improvements** - Retry mechanisms and flaky test detection
-- **CI/CD Integration** - JUnit XML reports for automated pipelines
+All tests include automatic database setup - just run the commands and everything will be configured for you:
 
-### Test Commands
+#### Unit Tests
 ```bash
-# Run all tests with comprehensive reporting
-npm run test:all
-
-# View test dashboard
-npm run test:report:open
-
-# Run specific test types
+cd backend
 npm run test:unit
+```
+- Fast, isolated component testing
+- No database setup required
+- Tests business logic, utilities, and individual components
+
+#### Integration Tests  
+```bash
+cd backend
 npm run test:integration
+```
+- Tests component interactions with real database
+- Automatically sets up `online_shopping_store_test_integration` database
+- Tests API endpoints, services, and database operations
+
+#### End-to-End Tests
+```bash
+cd backend
 npm run test:e2e
 ```
+- Complete user workflow testing
+- Automatically builds the application and sets up `online_shopping_store_test_e2e` database
+- Tests full application flows from frontend to database
+
+#### Run All Tests
+```bash
+cd backend
+npm run test:all
+```
+- Runs unit, integration, and e2e tests in sequence
+- Generates comprehensive test reports and coverage
+- Creates HTML dashboard with results
+
+#### Test Reports
+```bash
+cd backend
+npm run test:report:open
+```
+- Generates and opens interactive test dashboard
+- Shows test results, coverage, and performance metrics
+- Available at `backend/test-results/combined/dashboard.html`
+
+### Test Features
+- **Automatic Setup** - All database setup handled automatically
+- **Isolated Environments** - Each test type uses separate databases
+- **Advanced Reporting** - HTML dashboards with performance metrics
+- **Coverage Analysis** - Detailed coverage reports for all test types
+- **Performance Monitoring** - Automatic detection of slow tests
 
 ## 🔒 Security Features
 
@@ -213,15 +248,15 @@ npm run test:e2e
 - **Database Optimization**: Connection pooling and query optimization
 - **Memory Management**: Optimized memory usage and garbage collection
 
-## 🚀 Deployment Ready
+## 🚀 Deployment
 
-This application is production-ready with:
+This application includes:
 
-- **Environment Configuration**: Separate configs for dev/staging/production
-- **Security Hardening**: Production-ready security configurations
-- **Performance Optimization**: Optimized for production workloads
+- **Environment Configuration**: Separate configs for different environments
+- **Security Features**: Security configurations and best practices
+- **Performance Optimization**: Optimized for better performance
 - **Monitoring**: Built-in health checks and performance metrics
-- **Documentation**: Comprehensive deployment guides
+- **Documentation**: Comprehensive setup and deployment guides
 
 ## 📚 Documentation
 
@@ -256,9 +291,8 @@ This application is production-ready with:
 - Security hardening and performance optimization
 - Load testing and monitoring capabilities
 
-🚀 **Ready for Deployment:**
-- Production-ready configuration
-- Comprehensive test coverage
+🚀 **Development Status:**
+- Comprehensive test coverage with automated setup
 - Security best practices implemented
 - Performance optimized
 - Documentation complete

workshops/modernizr/backend/.env

@@ -0,0 +1,34 @@
+# Database Configuration
+DB_HOST=127.0.0.1
+DB_PORT=3306
+DB_USER=root
+DB_PASSWORD=
+DB_NAME=online_shopping_store
+DB_CONNECTION_LIMIT=10
+DB_ACQUIRE_TIMEOUT=60000
+DB_TIMEOUT=60000
+
+# Server Configuration
+PORT=8100
+
+# JWT Configuration
+JWT_SECRET=your-super-secret-jwt-key-change-this-in-production-make-it-long-and-random
+JWT_EXPIRES_IN=24h
+
+# Environment
+NODE_ENV=development
+
+# Security Configuration
+BCRYPT_SALT_ROUNDS=12
+
+# Performance Monitoring Thresholds
+MEMORY_WARNING_THRESHOLD=85
+MEMORY_CRITICAL_THRESHOLD=95
+
+# Rate Limiting Configuration (for load testing)
+RATE_LIMIT_AUTH_MAX=1000
+RATE_LIMIT_AUTH_WINDOW_MS=60000
+
+# Global Rate Limiting Configuration (for load testing)
+RATE_LIMIT_MAX_REQUESTS=10000
+RATE_LIMIT_WINDOW_MS=60000

workshops/modernizr/backend/.env.example

@@ -16,4 +16,19 @@ JWT_SECRET=your-super-secret-jwt-key-change-this-in-production-make-it-long-and-
 JWT_EXPIRES_IN=24h
 
 # Environment
-NODE_ENV=development
+NODE_ENV=development
+
+# Security Configuration
+BCRYPT_SALT_ROUNDS=12
+
+# Performance Monitoring Thresholds
+MEMORY_WARNING_THRESHOLD=85
+MEMORY_CRITICAL_THRESHOLD=95
+
+# Rate Limiting Configuration
+RATE_LIMIT_AUTH_MAX=1000
+RATE_LIMIT_AUTH_WINDOW_MS=60000
+
+# Global Rate Limiting Configuration
+RATE_LIMIT_MAX_REQUESTS=10000
+RATE_LIMIT_WINDOW_MS=60000

workshops/modernizr/backend/.env.test

@@ -7,7 +7,7 @@ JWT_EXPIRES_IN=1h
 DB_HOST=127.0.0.1
 DB_PORT=3306
 DB_USER=root
-DB_PASSWORD=TestDbPass123!
+DB_PASSWORD=
 DB_NAME=online_shopping_store_test
 DB_CONNECTION_LIMIT=5
 DB_ACQUIRE_TIMEOUT=30000
@@ -17,4 +17,14 @@ DB_TIMEOUT=30000
 PORT=8101
 
 # Security Configuration
-BCRYPT_SALT_ROUNDS=10
+BCRYPT_SALT_ROUNDS=10
+
+# Performance Monitoring Thresholds
+MEMORY_WARNING_THRESHOLD=85
+MEMORY_CRITICAL_THRESHOLD=95
+
+# Rate Limiting Configuration
+RATE_LIMIT_AUTH_MAX=100
+RATE_LIMIT_AUTH_WINDOW_MS=60000
+RATE_LIMIT_MAX_REQUESTS=1000
+RATE_LIMIT_WINDOW_MS=60000

workshops/modernizr/backend/.env.test.e2e

@@ -17,6 +17,10 @@ DB_TIMEOUT=30000
 # Server Configuration
 PORT=8101
 
+# Performance Monitoring Thresholds
+MEMORY_WARNING_THRESHOLD=85
+MEMORY_CRITICAL_THRESHOLD=95
+
 # Rate Limiting Configuration (Very Lenient for E2E Tests)
 RATE_LIMIT_MAX_REQUESTS=10000
 RATE_LIMIT_WINDOW_MS=60000

workshops/modernizr/backend/.env.test.integration

@@ -17,6 +17,10 @@ DB_TIMEOUT=30000
 # Server Configuration
 PORT=8103
 
+# Performance Monitoring Thresholds
+MEMORY_WARNING_THRESHOLD=85
+MEMORY_CRITICAL_THRESHOLD=95
+
 # Rate Limiting Configuration (Lenient for Integration Tests)
 RATE_LIMIT_MAX_REQUESTS=1000
 RATE_LIMIT_WINDOW_MS=60000

workshops/modernizr/backend/.env.test.unit

@@ -14,6 +14,10 @@ DB_NAME=test_unit_db
 # Server Configuration
 PORT=8102
 
+# Performance Monitoring Thresholds
+MEMORY_WARNING_THRESHOLD=85
+MEMORY_CRITICAL_THRESHOLD=95
+
 # Rate Limiting Configuration (Lenient for Unit Tests)
 RATE_LIMIT_MAX_REQUESTS=1000
 RATE_LIMIT_WINDOW_MS=60000

workshops/modernizr/backend/README.md

@@ -82,18 +82,21 @@ The API will be available at `http://localhost:8100`
 ### Testing
 - `npm test` - Run unit tests (fast feedback)
 - `npm run test:unit` - Run unit tests only
-- `npm run test:integration` - Run integration tests
-- `npm run test:e2e` - Run end-to-end tests
-- `npm run test:all` - Run all test types in sequence
+- `npm run test:integration` - Run integration tests (auto-sets up test database)
+- `npm run test:e2e` - Run end-to-end tests (auto-builds and sets up test database)
+- `npm run test:all` - Run all test types in sequence with comprehensive reporting
 - `npm run test:watch` - Run tests in watch mode
 - `npm run test:coverage` - Run tests with coverage report
+- `npm run test:report:open` - Generate and open interactive test dashboard
 
 ### Database Management
 - `npm run db:test` - Test database connection
 - `npm run db:init` - Initialize database schema
 - `npm run db:seed` - Seed database with sample data
 - `npm run db:reset` - Reset database (drop, init, seed)
 - `npm run db:clear` - Clear all seed data
+- `npm run db:setup-integration` - Setup integration test database (auto-run before integration tests)
+- `npm run db:setup-e2e` - Setup e2e test database (auto-run before e2e tests)
 
 ### Load Testing
 - `npm run load-test` - Run load testing suite
@@ -157,10 +160,20 @@ backend/
 | `DB_USER` | Database username | root |
 | `DB_PASSWORD` | Database password | - |
 | `DB_NAME` | Database name | online_shopping_store |
+| `DB_CONNECTION_LIMIT` | Max database connections | 10 |
+| `DB_ACQUIRE_TIMEOUT` | Connection acquire timeout (ms) | 60000 |
+| `DB_TIMEOUT` | Query timeout (ms) | 60000 |
 | `PORT` | Server port | 8100 |
 | `JWT_SECRET` | JWT signing secret | - |
 | `JWT_EXPIRES_IN` | JWT expiration time | 24h |
 | `NODE_ENV` | Environment | development |
+| `BCRYPT_SALT_ROUNDS` | Password hashing salt rounds | 12 |
+| `MEMORY_WARNING_THRESHOLD` | Memory warning threshold (%) | 85 |
+| `MEMORY_CRITICAL_THRESHOLD` | Memory critical threshold (%) | 95 |
+| `RATE_LIMIT_MAX_REQUESTS` | Global rate limit max requests | 10000 |
+| `RATE_LIMIT_WINDOW_MS` | Global rate limit window (ms) | 60000 |
+| `RATE_LIMIT_AUTH_MAX` | Auth rate limit max requests | 1000 |
+| `RATE_LIMIT_AUTH_WINDOW_MS` | Auth rate limit window (ms) | 60000 |
 
 ## Database Schema
 
@@ -193,32 +206,41 @@ npm run load-test -- --users 100 --duration 60s --endpoint /api/products
 
 ### Testing
 
-Our testing architecture follows the testing pyramid with three distinct test types:
+Our testing architecture follows the testing pyramid with automatic database setup:
 
-**Unit Tests** (`npm test` or `npm run test:unit`)
+**Unit Tests** (`npm run test:unit`)
 - Fast execution (< 10 seconds)
 - Test individual functions/classes in isolation
 - All external dependencies mocked
+- No database setup required
 - Located in `src/__tests__/unit/`
 
 **Integration Tests** (`npm run test:integration`)
 - Medium execution speed (< 60 seconds)
 - Test component interactions with real database
+- Automatically sets up `online_shopping_store_test_integration` database
 - External services mocked
 - Located in `src/__tests__/integration/`
 
 **End-to-End Tests** (`npm run test:e2e`)
 - Comprehensive testing (< 120 seconds)
 - Test complete user workflows
+- Automatically builds application and sets up `online_shopping_store_test_e2e` database
 - Real server + database + HTTP requests
 - Located in `src/__tests__/e2e/`
 
+**Test Reports** (`npm run test:report:open`)
+- Interactive HTML dashboard with test results
+- Coverage analysis and performance metrics
+- Available at `test-results/combined/dashboard.html`
+
 **Guidelines:**
+- All database setup is automatic - just run the test commands
+- Each test type uses isolated databases to prevent interference
 - Write unit tests for business logic
 - Write integration tests for component interactions
 - Write E2E tests for critical user workflows
 - Maintain test coverage above 80%
-- See [Testing Guide](docs/TESTING.md) for detailed documentation
 
 ### Security
 - Always validate input data