☕shotaCoffeeBlog

このプロジェクトについて教えて

# Prerequisites

The technical components of this project are as follows:

Languages: TypeScript, JavaScript
Package manager: npm
Front-end framework: React
Build tools: Vite
Test frameworks: Vitest, Playwright
State management: Redux Toolkit
Form management: React Hook Form
Styling: styled-components
API communication: Axios
Date manipulation: date-fns
Utilities: lodash-es
Icon generation: SVGR
Code quality tools: ESLint, Prettier
Mock server: MSW (Mock Service Worker)
Storybook: Storybook
Type definitions: TypeScript, Zod
Other: Husky (Git hooks), OpenAPI Generator (API client generation)
This project is built around React and uses TypeScript for type safety. It uses Vite as a build tool and employs Vitest and Playwright as test frameworks. It uses Redux Toolkit for state management and React Hook Form for form management. It uses styled-components for styling and Axios for API communication.

# Code Conventions

## Testing

This project uses `Vitest`, `React Testing Library` as a test runner.

Since the developers speak Japanese, please write test cases in Japanese.

Please group tests with describe and use describe to write test cases.

Test files should generally be placed in parallel with the target files.

For example,
if you are testing logic only, use
example.ts
example.test.ts

If you are testing E2E, use
example.tsx
example.spec.tsx

However, if there is a directory called tests at the same level as the target file, create it in the tests directory.