This is a frontend for Divvun's GraphQL dictionary and term api backend.
This project is built with these web technologies:
- React 19 - UI framework
- Apollo Client - GraphQL client with reactive variables for state management
- MUI (Material-UI) v7 - Component library
- Vite - Fast build tool and dev server
- TypeScript - Type safety
- Lingui - Internationalization (i18n)
- Vitest - Unit testing
- Storybook - Component development
- Biome - Fast linting and formatting
- Node.js 20+ (see
.nvmrc) - pnpm package manager
Install all dependencies:
pnpm installStart the development server:
pnpm devThe app will be available at http://localhost:3000
Run tests:
pnpm testRun tests with UI:
pnpm test:uiStart Storybook for component development:
pnpm storybookStorybook will be available at http://localhost:6006
Build for production:
pnpm buildPreview the production build:
pnpm previewCheck code quality:
pnpm lintAuto-fix issues:
pnpm lint:fixFormat code:
pnpm formatAdd a new locale:
pnpm add-localeExtract messages for translation:
pnpm extractCompile translations:
pnpm compilesrc/- Source codefeatures/- Feature-based modulescontainers/- Container componentslocales/- Translation filesapolloCache.ts- Apollo Client reactive variables
public/- Static assets- Tests are in
*.test.ts(x)files - Storybook stories are in
*.stories.ts(x)files