A modern React application for the AYON project management system. Built with Vite, TypeScript, and the AYON React Components library.
- Node.js 16+
- Yarn or npm package manager
- A running AYON server instance
yarn installCreate a .env.local file in the root directory with the necessary configuration:
SERVER_URL=http://localhost:5000
Replace http://localhost:5000 with your actual AYON server URL.
yarn devThe application will be available at http://localhost:3000
# Build for production
yarn build
# Preview the production build locally
yarn preview# Run ESLint
yarn lint
# Fix ESLint issues
yarn lint:fix
# Format code with Prettier
yarn format# Generate REST API types from OpenAPI schema
yarn generate-rest
# Download OpenAPI schema and generate types
yarn generate-rest-all
# Generate GraphQL types from schema
yarn generate-gql# Run Playwright tests
yarn test
# Run tests in UI mode
yarn test-ui
# Run authentication setup tests
yarn test-auth
# View test report
yarn test-report-
src/- Main application source codecomponents/- Reusable React componentscontainers/- Container/smart componentspages/- Page componentshooks/- Custom React hookscontext/- React context providersservices/- API and external servicestypes/- TypeScript type definitionstheme/- Theme and stylinghelpers/- Utility functions
-
gen/- Code generation configuration and scripts -
tests/- Playwright end-to-end tests -
shared/- Shared package for components and utilities
The following environment variables should be configured in .env.local:
| Variable | Description | Example |
|---|---|---|
SERVER_URL |
AYON server base URL | http://localhost:8000 |
- Use
yarn lint:fixto automatically fix linting issues - Use
yarn formatto format code according to project standards - Run
yarn testbefore submitting pull requests - The project uses TypeScript - ensure type safety in your code
See LICENSE file for details.