/cells-frontend

Primary LanguageTypeScriptApache License 2.0Apache-2.0

Cells Frontend

The frontend is built with Vite, React, TypeScript, TanStack Query, TanStack Router and Chakra UI.

Frontend development

Before you begin, ensure that you have either the Node Version Manager (nvm) or Fast Node Manager (fnm) installed on your system.

yarn install
  • And start the live server with the following yarn script:
yarn dev

Generate Client

  • To generate the frontend client from backend openapi spec, run:
yarn generate-client

Code Structure

The frontend code is structured as follows:

  • frontend/src - The main frontend code.
  • frontend/src/assets - Static assets.
  • frontend/src/client - The generated OpenAPI client.
  • frontend/src/components - The different components of the frontend.
  • frontend/src/hooks - Custom hooks.
  • frontend/src/routes - The different routes of the frontend which include the pages.
  • theme.tsx - The Chakra UI custom theme.