Frontend guide

Welcome to the Infra Sync Tracker frontend guide! This guide details the technologies and steps required to contribute effectively to the Infra Sync Tracker frontend.

Infra Sync Tracker stack

Infra Sync Tracker frontend is developed with:

• UI Framework: React
• Typing: TypeScript
• Component Library: Headless UI
• CSS Framework: Tailwind CSS
• GraphQL Client: Apollo Client
• State Management: Jotai

For testing, we rely on:

• Unit testing: Vitest
• Integration testing: Cypress Component Testing
• end-to-end testing: Playwright

Accessing the frontend code

To access Infra Sync Tracker's codebase, use Git and switch to the develop branch to access the latest changes. All frontend code resides in /frontend.

git clone --recursive git@github.com:opsmill/infrahub.git
cd infrahub/frontend

Before contributing, we recommended starting with Getting set up with frontend.