Make sure to familiarize yourself with the technologies and concepts below, as they will help you understand the codebase better.

Separated into categories for easier reading:

  • basic/infra

    • [Javascript, Typescript, Remix, React 18]
    • make sure to look at the package.json to see the scripts we use and some other application configuration
    • take a look at our vite.config.ts to better understand our application and its build process

  • testing

    • Vitest
    • MSW
    • React Testing Library
    • Playwright

  • styling/components/animations

    • tailwind
    • framer-motion
    • shadcn (= radix + tailwind)
    • storybook (run npm run storybook to view locally)

  • forms/validation

    • zod
    • @conform-to

  • requests/API/authentication

    • @tanstack/react-query
    • axios
    • graphql as a concept (since we don’t use any specific library for graphql requests like apollo client, we just do HTTP requests in gql format)
    • authentication as a concept - cookies, session/refresh tokens, descope (our authentication module under-the-hood)

  • libraries

    • xyflow (formerly reactflow)
    • echarts