https://github.com/mocksi/har-analyzer-frontend
https://github.com/mocksi/har-analyzer-frontend
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/mocksi/har-analyzer-frontend
- Owner: Mocksi
- Created: 2024-11-26T21:56:26.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-27T23:55:51.000Z (over 1 year ago)
- Last Synced: 2025-06-13T23:23:46.927Z (about 1 year ago)
- Language: JavaScript
- Size: 244 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
HAR Analyzer Frontend
A React-based frontend for analyzing HAR (HTTP Archive) files with AI-powered insights.
## Quick Start
# Install dependencies
npm install
# Start development server
npm start
# Build for production
npm run build
## Configuration
Create a `.env` file in the root directory:
REACT_APP_API_URL=http://localhost:3001
For production, update the API URL accordingly.
## Project Structure
src/
- components/: React components
- utils/: Helper functions
- hooks/: Custom React hooks
- App.js: Main app component
- index.js: Entry point
## Key Features
- HAR file upload and validation
- Real-time analysis progress tracking
- Interactive performance visualizations
- AI-powered insights display
- Persona-based result filtering
## Development
### Prerequisites
- Node.js 18+
- npm 8+
### Running Tests
npm test
### Code Style
- Uses ESLint with Airbnb config
- Prettier for formatting
- Run `npm run lint` to check style
- Run `npm run format` to format code
## API Integration
The frontend communicates with the backend through:
- `/analyze` - POST endpoint for HAR file upload
- `/results/:jobId` - GET endpoint for analysis results
## Dependencies
Key libraries:
- React 18
- React Router 6
- Axios
- Chart.js
- date-fns
## Error Handling
- Network errors show user-friendly messages
- File size validation on upload
- Graceful degradation for missing features
## Browser Support
- Chrome/Edge 90+
- Firefox 90+
- Safari 14+
## Future Improvements
- [ ] Add offline support
- [ ] Implement result caching
- [ ] Add batch file processing