Decide the Libraries to Use in the Client App

[umitcan07]

🧱 Description

We should settle on the libraries for:

• Styling
• Routing
• Mock Server
• State Management

To be reviewed by: @hks1444 @Meminseeker

📋 Acceptance Criteria

• [x] #505
• [x] The project can be in a state that bootstrapping it is possible.

[umitcan07]

Libraries

Styling

• TailwindCSS
• class-variance-authority (cva)

  Routing

• React Router

  Runtime

• Node

  Package Manager

• pnpm

  Development Server & Tooling

• Vite

  Linter

• ESLint

  Biome had caused some problems last semester

  Formatter

• Prettier

  Biome had caused some problems last semester

  Mock Server

• MSW

  Schema Validation

• Valibot

  Headless Component Library

• Radix UI

  Testing (If required)

• Vitest

[umitcan07]

Ready!

[Meminseeker]

What was the problem with Biome? @umitcan07

Also, what are the pros and cons of choosing pnpm over npm?

[umitcan07]

@Meminseeker pnpm is way faster, we always found ourselves install libraries again. (especially docker compose up => pnpm build faster than npm build)

biome is way too new, it is a great formatter + linter but some of the stuff we need is missing. and i found it hard to find what i need from their docs.)

[hks1444]

I supported using npm because we had to switch back to npm in the previous semester, but now it works fine and is faster. Well done.